/*
* pages
*/
.inner {
  width: 950px;
  width: 63.33333vw;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .inner {
    width: auto;
    margin: 0 20px;
  }
}

.keyVisual {
  position: relative;
  padding: 85px 0px 0px 0px;
  padding: 5.66667vw 0vw 0vw 0vw;
}

@media screen and (max-width: 767px) {
  .keyVisual {
    padding-top: 50px;
  }
}

.keyVisual__bg img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .keyVisual__bg img {
    height: 260px;
    object-fit: cover;
  }
}

.keyVisual .mainTitle {
  opacity: 0;
  position: absolute;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 600px;
  width: 40vw;
  -webkit-animation: mainTitle 1.5s ease 1s 1 forwards;
  animation: mainTitle 1.5s ease 1s 1 forwards;
}

@media screen and (max-width: 767px) {
  .keyVisual .mainTitle {
    text-align: center;
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 230px;
  }
}

.lead {
  position: relative;
}

.lead:after {
  background-image: url(../img/triangle_white.png);
  display: block;
  position: absolute;
  left: 0;
  bottom: -170pxpx;
  bottom: -11.33333vw;
  content: "";
  width: 100%;
  height: 170px;
  height: 11.33333vw;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

.lead__inner {
  width: 792px;
  width: 52.8vw;
  margin: 0 auto;
  padding: 80px 0px 30px 0px;
  padding: 5.33333vw 0vw 2vw 0vw;
}

@media screen and (max-width: 767px) {
  .lead__inner {
    width: auto;
    margin: 0 20px;
  }
}

.lead .lead-note {
  color: red;
  margin: 0 auto 40px;
  max-width: 700px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 44px;
}

@media screen and (max-width: 767px) {
  .lead .lead-note {
    font-size: 14px;
    line-height: 22px;
  }
}

.lead__title {
  font-size: 36px;
  font-size: 2.4vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #4C4948;
}

@media screen and (max-width: 767px) {
  .lead__title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 18px;
  }
}

.lead__text {
  font-size: 23px;
  font-size: 1.53333vw;
  text-align: justify;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 767px) {
  .lead__text {
    font-size: 14px;
  }
}

.lead__img {
  margin-top: 35px;
}

.lead__img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .lead__img {
    margin-top: 15px;
  }
}

.sec {
  position: relative;
  padding: 280px 0px 50px 0px;
  padding: 18.66667vw 0vw 3.33333vw 0vw;
}

@media screen and (max-width: 767px) {
  .sec {
    padding: 100px 0 50px 0;
  }
}

.sec .subTitle {
  margin: 0px 0px 60px 0px;
  margin: 0vw 0vw 4vw 0vw;
}

.sec .subTitle img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .sec .subTitle {
    margin: 0px 0px 50px 0px;
  }
}

.sec--who {
  background-color: #000000;
}

.sec--who .subTitle {
  width: 367px;
  width: 24.46667vw;
}

@media screen and (max-width: 767px) {
  .sec--who .subTitle {
    width: 160px;
  }
}

.sec--who .whoText {
  margin: 0px 0px 60px 0px;
  margin: 0vw 0vw 4vw 0vw;
}

@media screen and (max-width: 767px) {
  .sec--who .whoText {
    margin: 0 0 20px 0;
  }
}

.sec--who .dif {
  color: #B5B5B6;
}

.sec--who:after {
  background-image: url(../img/triangle_black.png);
  display: block;
  position: absolute;
  left: 0;
  bottom: -170pxpx;
  bottom: -11.33333vw;
  content: "";
  width: 100%;
  height: 170px;
  height: 11.33333vw;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

.sec--program {
  margin: -170px 0px 0px 0px;
  margin: -11.33333vw 0vw 0vw 0vw;
}

.sec--program .subTitle {
  width: 260px;
  width: 17.33333vw;
}

@media screen and (max-width: 767px) {
  .sec--program .subTitle {
    width: 130px;
  }
}

.sec--program:after {
  background-image: url(../img/triangle_white.png);
  display: block;
  position: absolute;
  left: 0;
  bottom: -170pxpx;
  bottom: -11.33333vw;
  content: "";
  width: 100%;
  height: 170px;
  height: 11.33333vw;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

.sec--outline {
  background-color: #EFF1F0;
}

.sec--outline .subTitle {
  width: 209px;
  width: 13.93333vw;
}

@media screen and (max-width: 767px) {
  .sec--outline .subTitle {
    width: 100px;
  }
}

.sec--outline:after {
  background-image: url(../img/triangle_gray.png);
  display: block;
  position: absolute;
  left: 0;
  bottom: -170pxpx;
  bottom: -11.33333vw;
  content: "";
  width: 100%;
  height: 170px;
  height: 11.33333vw;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

.sec--outline .mapArea {
  margin-top: 10px;
}

.sec--entry .subTitle {
  width: 193px;
  width: 12.86667vw;
}

@media screen and (max-width: 767px) {
  .sec--entry .subTitle {
    width: 100px;
  }
}

.sec--entry .entryInner {
  width: 620px;
  width: 41.33333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .sec--entry .entryInner {
    width: auto;
  }
}

.sec--entry .entryInner__lead {
  font-size: 22px;
  font-size: 1.46667vw;
  margin: 0px 0px 50px 0px;
  margin: 0vw 0vw 3.33333vw 0vw;
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .sec--entry .entryInner__lead {
    font-size: 13px;
    margin: 0 0 20px 0;
  }
}

.sec--entry .entryInner__logo {
  width: 400px;
  width: 26.66667vw;
  margin: 0px auto 75px auto;
  margin: 0vw auto 5vw auto;
}

.sec--entry .entryInner__logo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .sec--entry .entryInner__logo {
    width: 200px;
  }
}

.sec--entry .entryInner__note {
  text-align: center;
  font-size: 16px;
  font-size: 1.06667vw;
  margin-bottom: 10px;
}

.sec--entry .entryInner__note span {
  color: red;
}

@media screen and (max-width: 767px) {
  .sec--entry .entryInner__note {
    font-size: 12px;
  }
}

.sec--entry .entryInner__btn {
  display: block;
  margin: 0 auto;
  width: 300px;
  width: 20vw;
}

.sec--entry .entryInner__btn img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .sec--entry .entryInner__btn {
    width: 77%;
  }
}

@media screen and (max-width: 767px) {
  .sec--entry .js-scroll-action {
    opacity: 1 !important;
    transform: translateY(0);
  }
}

.info {
  width: 840px;
  width: 56vw;
  float: right;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .info {
    float: none;
    width: auto;
  }
}

.info__cap {
  width: 296px;
  width: 19.73333vw;
  float: left;
}

.info__cap img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .info__cap {
    float: none;
    width: 50%;
    margin-bottom: 20px;
  }
}

.info__title {
  font-size: 1.6vw;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .info__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.info__title--outline {
  font-size: 1.6vw;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .info__title--outline {
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
}

.info__title span {
  display: block;
  font-size: 1.2vw;
  text-align: justify;
  font-weight: normal;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .info__title span {
    font-size: 14px;
  }
}

.info__inner {
  padding-top: 3.33333vw;
}

@media screen and (max-width: 767px) {
  .info__inner {
    padding-top: 50px;
  }
}

.info__inner-2 {
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .info__inner-2 {
    padding-top: 50px;
    padding-left: 0;
  }
}

.info__inner-3 {
  padding-top: 100px;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  .info__inner-3 {
    padding-top: 50px;
    padding-left: 0;
  }
}

.info__txt {
  font-size: 1.46667vw;
  font-weight: bold;
  margin: 20px 0;
}

@media screen and (max-width: 767px) {
  .info__txt {
    font-size: 16px;
    margin: 10px 0;
  }
}

.info__memo {
  font-size: 1.2vw;
  margin: 30px 0 0 40px;
}

@media screen and (max-width: 767px) {
  .info__memo {
    font-size: 14px;
    margin: 20px 0 0 0;
  }
}

.info__memo span {
  margin-top: 20px;
  display: block;
}

@media screen and (max-width: 767px) {
  .info__memo span {
    margin-top: 10px;
  }
}

.info__body {
  width: 540px;
  width: 40vw;
  float: right;
}

@media screen and (max-width: 767px) {
  .info__body {
    float: none;
    width: auto;
  }
}

.info__body--outline {
  width: 685px;
  width: 45.66667vw;
}

@media screen and (max-width: 767px) {
  .info__body--outline {
    width: auto;
  }
}

.info__body .dif {
  margin: 0px 0px 50px 0px;
  margin: 0vw 0vw 3.33333vw 0vw;
  padding-left: 40px;
}

.info__body .dif:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .info__body .dif {
    padding-left: 0;
  }
}

.info__body .dif dt {
  font-size: 24px;
  font-size: 1.6vw;
  padding: 0px 0px 20px 0px;
  padding: 0vw 0vw 1.33333vw 0vw;
  margin: 0px 0px 20px 0px;
  margin: 0vw 0vw 1.33333vw 0vw;
  border-bottom: 1px solid #B5B5B6;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .info__body .dif dt {
    font-size: 16px;
  }
}

.info__body .dif dd {
  font-size: 18px;
  font-size: 1.2vw;
  text-align: justify;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 767px) {
  .info__body .dif dd {
    font-size: 14px;
  }
}

.info__img {
  margin: 0 0 50px 40px;
}

@media screen and (max-width: 767px) {
  .info__img {
    margin: 0 0 20px 0;
  }
}

.info__img img {
  width: 100%;
}

.info__flowbox {
  margin-left: 40px;
  display: flex;
  position: relative;
  align-items: center;
  width: calc(100% - 40px);
}

@media screen and (max-width: 767px) {
  .info__flowbox {
    display: block;
    margin-left: 0;
    width: 100%;
  }
}

.info__flowbox-arrow {
  display: inline-flex;
  margin: 10px 0 10px 50px;
  color: #6db229;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .info__flowbox-arrow {
    font-size: 14px;
    margin: 15px;
  }
}

.info__flowbox-arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #a0a0a0 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
  .info__flowbox-arrow::before {
    border-width: 15px 10px 0 10px;
  }
}

.info__flowbox-order {
  display: flex;
  align-items: center;
  background-color: #6db229;
  color: #fff;
  font-weight: bold;
  width: 290px;
  height: 60px;
  font-size: 20px;
  padding: 0 10px;
  line-height: 1.2;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .info__flowbox-order {
    width: auto;
    font-size: 14px;
    padding: 15px;
    height: auto;
  }
}

.info__flowbox-order__area {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .info__flowbox-order__area {
    padding: 5px 10px;
  }
}

.info__flowbox-order__txt {
  margin-left: 15px;
  line-height: 1.2;
  font-size: 16px;
}

.info__flowbox-txt {
  margin-left: 20px;
  font-size: 13px;
  line-height: 1.3;
  width: calc(100% - 320px);
}

@media screen and (max-width: 767px) {
  .info__flowbox-txt {
    margin: 10px 0 0 0;
    font-size: 13px;
    width: auto;
  }
}

.info__flowbox-txt span {
  color: red;
}

.info__flowbox-txt a {
  color: #4C4948;
}

.info__site__mb {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .info__site__mb {
    margin-bottom: 20px;
  }
}

.info__site-title {
  font-weight: bold;
  font-size: 1.2vw;
}

@media screen and (max-width: 767px) {
  .info__site-title {
    font-size: 14px;
  }
}

.info__site-txt {
  font-size: 1.2vw;
}

@media screen and (max-width: 767px) {
  .info__site-txt {
    font-size: 14px;
  }
}

.city img {
  width: 100%;
}

.btn {
  position: relative;
  width: 275px;
  width: 18.33333vw;
  height: 63px;
  height: 4.2vw;
  margin: 0px 0px 25px 0px;
  margin: 0vw 0vw 1.66667vw 0vw;
  border: 1px solid #B5B5B6;
  display: block;
}

@media screen and (max-width: 767px) {
  .btn {
    width: auto;
    height: 50px;
    margin: 0 0 10px 0;
  }
}

.btn:last-child {
  margin-bottom: 0;
}

.btn--label:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #B5B5B6 transparent transparent;
}

.btn span {
  color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-size: 1.33333vw;
  width: 100%;
  display: block;
}

@media screen and (max-width: 767px) {
  .btn span {
    font-size: 14px;
  }
}

.simp-table {
  border-collapse: collapse;
  width: 100%;
}

.simp-table th {
  padding-top: 20px;
  font-weight: bold;
  vertical-align: top;
  width: 20%;
  text-align: right;
  padding-right: 20px;
  font-size: 18px;
  font-size: 1.2vw;
}

@media screen and (max-width: 767px) {
  .simp-table th {
    text-align: left;
    display: block;
    width: auto;
    font-size: 14px;
  }
}

.simp-table td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #4C4948;
  font-size: 18px;
  font-size: 1.2vw;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 767px) {
  .simp-table td {
    padding-top: 0;
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    margin-bottom: 0;
  }
}

.simp-table td .mt10 {
  margin-top: 10px;
}

.simp-table .teblebox {
  padding-top: 0px;
}

.simp-table .teblebox__title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .simp-table .teblebox__title {
    margin-bottom: 0px;
    font-size: 14px;
  }
}

.letter-minus {
  letter-spacing: -0.02em;
}

.footer {
  text-align: center;
  font-size: 12px;
  font-size: 0.8vw;
  padding: 0px 0px 30px 0px;
  padding: 0vw 0vw 2vw 0vw;
}

@media screen and (max-width: 767px) {
  .footer {
    font-size: 10px;
  }
}

.footer .privacy {
  display: block;
  margin-bottom: 10px;
  color: #B5B5B6;
  text-decoration: none;
}

.pagination {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  z-index: 50;
}

@media screen and (min-width: 768px) {
  .pagination {
    position: absolute;
  }
}

.pagination .paginationTitle {
  margin-bottom: 5px;
  font-size: 14px;
}

.pagination.is-on {
  -webkit-animation: pagination 0.5s ease 0s 1 forwards;
  animation: pagination 0.5s ease 0s 1 forwards;
}

.pagination a {
  display: block;
  color: #B5B5B6;
  font-size: 14px;
  font-size: 0.93333vw;
  text-decoration: none;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .pagination a {
    display: inline-block;
    margin: 0px 25px 0px 0px;
    margin: 0vw 1.66667vw 0vw 0vw;
  }
}

.pagination a span {
  padding: 3px 0;
  opacity: 0;
}

.pagination a span.current {
  -webkit-animation: paginationLink 0.5s ease 0s 1 forwards;
  animation: paginationLink 0.5s ease 0s 1 forwards;
}

.pagination a span:hover {
  opacity: 1;
}

.pageTop {
  position: fixed;
  bottom: 60px;
  right: 5%;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "Noto Serif JP", serif;  
  text-decoration: none;
  color: #4C4948;
  z-index: 80;
}

@media screen and (max-width: 767px) {
  .pageTop {
    font-size: 12px;
  }
}

.pageTop #pageTop-icon {
  position: absolute;
  width: 9px;
  height: 60px;
  bottom: -20px;
  left: 12px;
}

.pageTop .statePageTop {
  opacity: 0;
}

.pageTop .statePageTop img {
  height: 57px;
  position: relative;
  top: 10px;
}

.pageTop .stateScroll {
  position: relative;
  left: 0px;
  pointer-events: none;
}

.pageTop .stateScroll img {
  height: 35px;
}

.pageTop span {
  padding: 0 2px;
}

.pageTop span,
.pageTop svg {
  transition: all 0.4s;
}

.pageTop.is-hide #pageTop-icon,
.pageTop.is-hide .stateScroll,
.pageTop.is-hide .statePageTop {
  opacity: 0;
}

.pageTop.is-pageTop .stateScroll {
  opacity: 0;
}

.pageTop.is-pageTop .statePageTop {
  opacity: 1;
}

.pageTop.is-pageTop #pageTop-icon {
  opacity: 1;
  position: absolute;
  width: 9px;
  height: 50px;
  bottom: 65px;
  left: 10px;
}

@media screen and (max-width: 767px) {
  .pageTop.is-pageTop #pageTop-icon {
    width: 5px;
    bottom: 55px;
    left: 9px;
  }
}

.modalWrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 140;
  display: none;
}

.modalWrapper .modalInner {
  width: 795px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalInner {
    width: 90%;
  }
}

.modalWrapper .modalContent {
  color: #fff;
  display: none;
  background: #fff;
  color: #4c4948;
  border: 1px solid #6db328;
}

.modalWrapper .modalContent .modalA {
  text-align: center;
  font-size: 24px;
  font-size: 1.6vw;
  margin-bottom: 30px;
  color: #fff;
  height: 80px;
  background: url(../img/modal_bg.png) no-repeat;
  text-align: left;
  padding-left: 60px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalContent .modalA {
    font-size: 18px;
    padding-left: 20px;
    height: 60px;
    margin-bottom: 15px;
    background-size: cover;
  }
}

.modalWrapper .modalContent .modalA span {
  position: relative;
  top: 16px;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalContent .modalA span {
    top: 8px;
  }
}

.modalWrapper .modalContent .modalInfo {
  padding: 0 60px 60px 60px;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalContent .modalInfo {
    padding: 0 20px 20px 20px;
  }
}

.modalWrapper .modalContent .modalTitle {
  font-size: 20px;
  font-size: 1.33333vw;
  margin-bottom: 10px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalContent .modalTitle {
    font-size: 16px;
  }
}

.modalWrapper .modalContent .modalText {
  font-size: 18px;
  font-size: 1.2vw;
  line-height: 2;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalContent .modalText {
    font-size: 14px;
  }
}

.modalWrapper .modalContent img {
  height: 100%;
}

.modalWrapper .modalClose {
  position: absolute;
  width: 40px;
  height: 30px;
  top: 25px;
  right: 10px;
  font-size: 50px;
  color: #fff;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .modalWrapper .modalClose {
    top: 10%;
  }
}

.modalWrapper .modalClose:before,
.modalWrapper .modalClose:after {
  position: absolute;
  top: 0;
  left: 20px;
  content: "";
  display: block;
  width: 1px;
  background-color: #6db328;
  height: 100%;
}

.modalWrapper .modalClose:before {
  transform: rotate(135deg);
}

.modalWrapper .modalClose:after {
  transform: rotate(45deg);
}

.js-scroll-action {
  opacity: 0;
  transform: translateY(50px);
}

.js-scroll-action.is-over {
  -webkit-animation: fadeIn 1s ease 0s 1 forwards;
  animation: fadeIn 1s ease 0s 1 forwards;
}

@media screen and (max-width: 767px) {
  .js-scroll-action--spNo {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

@-webkit-keyframes loaderFade {
  100% {
    opacity: 0;
    display: none;
    z-index: -100;
  }
}

@keyframes loaderFade {
  100% {
    opacity: 0;
    display: none;
    z-index: -100;
  }
}

@-webkit-keyframes loader {
  0% {
    transform: translateX(-5%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes loader {
  0% {
    transform: translateX(-5%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes mainTitle {
  100% {
    opacity: 1;
  }
}

@keyframes mainTitle {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pagination {
  100% {
    opacity: 1;
  }
}

@keyframes pagination {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes paginationLink {
  100% {
    opacity: 1;
    color: #000;
  }
}

@keyframes paginationLink {
  100% {
    opacity: 1;
    color: #000;
  }
}

@-webkit-keyframes fadeIn {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.pc-on {
  display: block !important;
}

.sp-on {
  display: none !important;
}

.sp-in {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .pc-on {
    display: none !important;
  }

  .sp-on {
    display: block !important;
  }

  .sp-in {
    display: inline-block !important;
  }
}

.internship-wrap {
  position: relative;
  background: #96c9a8;
}

@media screen and (min-width: 768px) {
  .internship-wrap {
    height: 100vh;
    min-height: 73vw;
  }
}

.header2 {
  width: 100%;
  height: 4.93333vw;
}

@media screen and (max-width: 767px) {
  .header2 {
    height: 9.86667vw;
  }
}

.header2 .headerInner2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.header2 .headerInner2 .logo2 {
  width: 21.33333vw;
  margin-left: 1.66667vw;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .logo2 {
    width: 25.47vw;
    margin-left: 0;
  }
}

.header2 .headerInner2 .logo2 img {
  display: block;
  width: 100%;
}

.header2 .headerInner2 .btn-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area {
    width: 73.33vw;
  }

  .header2 .headerInner2 .btn-area .area01 {
    margin-right: 1.33333vw;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .area01 {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .area02 {
    margin-right: 1.33333vw;
  }
}

.header2 .headerInner2 .btn-area .underbar>span {
  display: inline-block;
  width: 9.86667vw;
  height: 0.86667vw;
  margin-right: 1.33333vw;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
  padding: 5px 0;
  vertical-align: middle;
}

.header2 .headerInner2 .btn-area .underbar>span img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .underbar>span {
    width: 26.66667vw;
    height: 2.4vw;
    margin: 6.4vw -5.33333vw 0 0;
  }
}

.header2 .headerInner2 .btn-area .underbar>span:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #231815;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.header2 .headerInner2 .btn-area .underbar>span:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}

.header2 .headerInner2 .btn-area .btn1 {
  display: block;
  width: 16.66667vw;
  height: 2vw;
  margin-right: 0.66667vw;
  border: 0.06667vw solid #231815;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btn1 {
    width: 73%;
    height: 5.33333vw;
    margin: 0 0 1.33333vw;
  }
}

.header2 .headerInner2 .btn-area .btn1 img {
  display: block;
  width: 100%;
}

.header2 .headerInner2 .btn-area .btn2 {
  display: block;
  width: 12.53333vw;
  height: 2vw;
}

.header2 .headerInner2 .btn-area .btn3 {
  background: #e9eaea;
  display: block;
  width: 8.4vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btn3 {
    width: 16.8vw;
    height: 9.86667vw;
  }
}

.header2 .headerInner2 .btn-area .btn3 img {
  display: block;
  width: 100%;
}

.header2 .headerInner2 .btn-area .btn4 {
  background: #6db328;
  display: block;
  width: 8.26667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btn4 {
    width: 16.53333vw;
    height: 9.86667vw;
    margin: 0;
  }
}

.header2 .headerInner2 .btn-area .btn4 img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btn5 {
    width: 40%;
    margin-top: 2px;
  }
}

@media screen and (max-width: 400px) {
  .header2 .headerInner2 .btn-area .btn5 {
    width: 40%;
    margin-top: -4px;
  }
}

.header2 .headerInner2 .btn-area .btn6 {
  background: #008236;
  display: block;
  width: 8.26667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btn6 {
    width: 16.53333vw;
    height: 9.86667vw;
    margin: 0;
  }
}

.header2 .headerInner2 .btn-area .btn6 img {
  display: block;
  width: 100%;
  height: 100%;
}

.header2 .headerInner2 .btn-area .disable {
  pointer-events: none;
  background: #aaaaaa;
}

.header2 .headerInner2 .btn-area .btnNav {
  display: block;
  width: 4.93333vw;
  height: 4.93333vw;
  overflow: hidden;
  transition: all .4s;
  box-sizing: border-box;
  background-color: #000;
  padding: 0.66667vw;
  z-index: 100;
  position: relative;
  z-index: 40;
}

.header2 .headerInner2 .btn-area .btnNav span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
}

.header2 .headerInner2 .btn-area .btnNav span:nth-of-type(1) {
  top: 1.46667vw;
  left: 20%;
  width: 60%;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btnNav span:nth-of-type(1) {
    top: 2.93333vw;
  }
}

.header2 .headerInner2 .btn-area .btnNav span:nth-of-type(2) {
  top: 50%;
  left: 20%;
  width: 60%;
  margin: -1px 0 0;
}

.header2 .headerInner2 .btn-area .btnNav span:nth-of-type(3) {
  bottom: 1.46667vw;
  left: 20%;
  width: 60%;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btnNav span:nth-of-type(3) {
    bottom: 2.8vw;
  }
}

.header2 .headerInner2 .btn-area .btnNav.open span {
  background-color: #FFF;
}

.header2 .headerInner2 .btn-area .btnNav.open span:nth-of-type(1) {
  -webkit-transform: translateY(0.96667vw) rotate(-315deg);
  transform: translateY(0.96667vw) rotate(-315deg);
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btnNav.open span:nth-of-type(1) {
    transform: translateY(1.93333vw) rotate(-315deg);
  }
}

.header2 .headerInner2 .btn-area .btnNav.open span:nth-of-type(2) {
  opacity: 0;
}

.header2 .headerInner2 .btn-area .btnNav.open span:nth-of-type(3) {
  -webkit-transform: translateY(-0.86667vw) rotate(315deg);
  transform: translateY(-0.9vw) rotate(315deg);
  width: 60%;
  left: 20%;
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btnNav.open span:nth-of-type(3) {
    transform: translateY(-1.8vw) rotate(315deg);
  }
}

@media screen and (max-width: 767px) {
  .header2 .headerInner2 .btn-area .btnNav {
    width: 9.86667vw;
    height: 9.86667vw;
    margin: 0;
  }
}

.keyVisual2 {
  padding: 74px 0px 0px 0px;
  padding: 4.93333vw 0vw 0vw 0vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .keyVisual2 {
    padding-top: 9.86667vw;
  }
}

@media screen and (max-width: 767px) {
  .keyVisual2__bg {
    margin: 0 auto;
  }
}

.keyVisual2__bg img {
  display: block;
  width: 100%;
}

.keyVisual2 .catch {
  position: absolute;
  top: 4.93333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 45.33333vw;
}

@media screen and (max-width: 767px) {
  .keyVisual2 .catch {
    width: 100%;
    height: 100%;
    top: 9.86667vw;
  }
}

.keyVisual2 .catch__1,
.keyVisual2 .catch__2,
.keyVisual2 .catch__3 {
  position: absolute;
}

.keyVisual2 .catch__1 img,
.keyVisual2 .catch__2 img,
.keyVisual2 .catch__3 img {
  width: 100%;
}

.keyVisual2 .catch__1 {
  width: 22.66667vw;
  height: 11.2vw;
  left: 2.53333vw;
  top: 1.6vw;
}

@media screen and (max-width: 767px) {
  .keyVisual2 .catch__1 {
    width: 35vw;
    height: 17.5vw;
    left: 3.75vw;
    top: 4.375vw;
  }
}

.keyVisual2 .catch__2 {
  width: 47.33333vw;
  height: 12.13333vw;
  left: 28.66667vw;
  top: 16.66667vw;
}

@media screen and (max-width: 767px) {
  .keyVisual2 .catch__2 {
    width: 65vw;
    height: 16.8vw;
    left: 2vw;
    top: 57.5vw;
  }
}

.keyVisual2 .catch__3 {
  width: 52.6vw;
  height: 12.13333vw;
  right: 1.93333vw;
  bottom: 1.66667vw;
}

@media screen and (max-width: 767px) {
  .keyVisual2 .catch__3 {
    width: 69vw;
    height: 16.8vw;
    right: 0.6vw;
    bottom: unset;
    top: 83vw;
  }
}

.page-link-area {
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-link-area {
    margin: 0;
  }
}

.page-link-area__bg {
  position: absolute;
  width: 100%;
  top: -2.4vw;
}

@media screen and (max-width: 767px) {
  .page-link-area__bg {
    width: 100%;
    height: auto;
    min-height: 82vw;
    top: -5vw;
  }
}

.page-link-area__bg img {
  display: block;
  width: 100%;
}

.page-link-area .page-link {
  position: relative;
  z-index: 1;
  width: 58.33333vw;
  margin: 0 auto;
  padding: 2.26667vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .page-link-area .page-link {
    width: 77vw;
    padding: 11.25vw 0 6.25vw;
    display: block;
  }
}

.page-link-area .page-link__btn {
  width: 48%;
  overflow: visible;
  margin: 0 0 2.66667vw;
}

.page-link-area .page-link__btn:nth-child(3) {
  width: 100%;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .page-link-area .page-link__btn {
    width: 100%;
    margin-bottom: 4.6vw;
  }
}

.page-link-area .page-link__btn a {
  display: block;
  transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media screen and (min-width: 768px) {
  .page-link-area .page-link__btn a:hover {
    opacity: 1;
    transform: translateY(7px);
    box-shadow: 0 0 5px rgba(35, 24, 21, 0.3);
  }
}

.page-link-area .page-link__btn a.disable {
  pointer-events: none;
}

.page-link-area .page-link__btn img {
  display: block;
  width: 100%;
}

.footer2 {
  z-index: 1;
  font-size: 10px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .footer2 {
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .footer2 {
    background-color: #96c9a8;
  }
}

.catch {
  overflow: hidden;
}

.catch span {
  transition: transform 0.4s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  opacity: 0;
  transform: translateX(7.33333vw);
}

.catch span.catch__2 {
  transition-delay: 0.3s;
}

.catch span.catch__3 {
  transition-delay: .6s;
}

.catch[data-scroll="in"] span {
  opacity: 1;
  transform: translateX(0);
}

.anime {
  transition: transform 0.4s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  opacity: 0;
  transform: translateY(60px);
}

.anime[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0);
}

.anime.anime2 {
  transition-delay: 0.4s;
}

.interview-wrap {
  padding-top: unset;
}

@media screen and (max-width: 767px) {
  .interview-wrap {
    padding-top: 0;
  }
}

.keyBlock {
  position: relative;
  width: 100%;
  height: 32.5vw;
  margin-bottom: 3.6vw;
  overflow: hidden;
  margin-top: 81px;
}

@media screen and (max-width: 767px) {
  .keyBlock {
    height: 49.4791vw;
    margin-top: 60px;
  }
}

.keyBlock__bg img {
  display: block;
  width: 100%;
}

.keyBlock .keyCatch {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 2.959vw;
}

.keyBlock .keyCatch h2{
  width: max(26.5739vw , 200px);
}

.keyBlock .keyCatch .keyBlock__txt{
  font-size: clamp( 18px , 1.63vw , 20px);
  color: #fff;
}

.interview-wrap .sortBlock {
  margin-bottom: 6.66667vw;
}

.interview-wrap .sortBlock .sort__all {
  margin-bottom: 2.66667vw;
}

.interview-wrap .sortBlock .sort__all h3 {
  color: #d5dd00;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.6vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__all h3 {
    font-size: 4.26667vw;
  }
}

.interview-wrap .sortBlock .sort__all ul {
  display: flex;
  text-align: center;
  justify-content: center;
}

.interview-wrap .sortBlock .sort__all ul li {
  margin: 0 1.33333vw 0 0;
}

.interview-wrap .sortBlock .sort__all ul li:last-child {
  margin: 0;
}

.interview-wrap .sortBlock .sort__all ul li a {
  background: #0085c7;
  border: 1px solid #595757;
  border-radius: 5px;
  color: #FFF;
  display: block;
  text-decoration: none;
  font-size: 12px;
  min-width: 6.13333vw;
  height: 1.6vw;
  line-height: 1.6vw;
  padding: 4px 4px 2px;
  transition: all .4s;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__all ul li a {
    min-width: 12.26667vw;
    height: 3.2vw;
    line-height: 3.2vw;
    font-size: 15px;
    font-size: 2vw;
  }
}

.interview-wrap .sortBlock .sort__all ul li a:hover {
  opacity: 1;
  background: #FFF;
  color: #595757;
}

.interview-wrap .sortBlock .sort__season {
  margin-bottom: 2.26667vw;
}

.interview-wrap .sortBlock .sort__season h4 {
  color: #4c4948;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__season h4 {
    font-size: 12px;
    margin-bottom: 1.6vw;
  }
}

.interview-wrap .sortBlock .sort__season ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}

.interview-wrap .sortBlock .sort__season ul li {
  margin: 0 1.33333vw 0 0;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__season ul li {
    margin: 0 1.33333vw 1.33333vw 0;
  }
}

.interview-wrap .sortBlock .sort__season ul li:last-child {
  margin: 0;
}

.interview-wrap .sortBlock .sort__season ul li a {
  background: #e5e5e6;
  border-radius: 5px;
  color: #000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  min-width: 6.13333vw;
  height: 1.6vw;
  line-height: 1.6vw;
  display: flex;
  padding: 2px 10px;
  justify-content: center;
  transition: all .4s;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__season ul li a {
    min-width: 9.33333vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 1px 10px;
  }
}

.interview-wrap .sortBlock .sort__season ul li a:hover {
  opacity: 1;
  background: #0085c7;
  color: #FFF;
}

.interview-wrap .sortBlock .sort__element {
  margin-bottom: 2.26667vw;
}

.interview-wrap .sortBlock .sort__element h4 {
  color: #4c4948;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__element h4 {
    font-size: 12px;
    margin-bottom: 1.6vw;
  }
}

.interview-wrap .sortBlock .sort__element ul {
  display: flex;
  text-align: center;
  justify-content: center;
}

.interview-wrap .sortBlock .sort__element ul li {
  margin: 0 1.33333vw 0 0;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__element ul li {
    margin: 0 1.33333vw 1.33333vw 0;
  }
}

.interview-wrap .sortBlock .sort__element ul li:last-child {
  margin: 0;
}

.interview-wrap .sortBlock .sort__element ul li a {
  background: #e5e5e6;
  border-radius: 5px;
  color: #000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  min-width: 6.13333vw;
  height: 1.6vw;
  line-height: 1.6vw;
  display: flex;
  padding: 2px 10px;
  justify-content: center;
  transition: all .6s;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__element ul li a {
    min-width: 9.33333vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 1px 10px;
  }
}

.interview-wrap .sortBlock .sort__element ul li a:hover {
  opacity: 1;
  background: #0085c7;
  color: #FFF;
}

.interview-wrap .sortBlock .sort__keyword h4 {
  color: #4c4948;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__keyword h4 {
    font-size: 12px;
    margin-bottom: 1.6vw;
  }
}

.interview-wrap .sortBlock .sort__keyword ul {
  display: flex;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__keyword ul {
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
  }
}

.interview-wrap .sortBlock .sort__keyword ul li {
  margin: 0 1.33333vw 1.33333vw 0;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__keyword ul li {
    margin: 0 1.33333vw 1.33333vw 0;
  }
}

.interview-wrap .sortBlock .sort__keyword ul li:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__keyword ul li:last-child {
    margin: 0 0 2.66667vw 0;
  }
}

.interview-wrap .sortBlock .sort__keyword ul li a {
  background: #e5e5e6;
  border-radius: 5px;
  color: #000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  min-width: 6.13333vw;
  height: 1.6vw;
  line-height: 1.6vw;
  display: flex;
  padding: 2px 10px;
  justify-content: center;
  transition: all .6s;
}

@media screen and (max-width: 767px) {
  .interview-wrap .sortBlock .sort__keyword ul li a {
    min-width: 9.33333vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 1px 10px;
  }
}

.interview-wrap .sortBlock .sort__keyword ul li a:hover {
  opacity: 1;
  background: #0085c7;
  color: #FFF;
}

.interview-wrap .peopleList>ul {
  display: flex;
  flex-wrap: wrap;
  width: 98.66667vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul {
    width: 93.6vw;
    display: block;
  }
}

.interview-wrap .peopleList>ul>li {
  width: 21.33333vw;
  margin: 0 1.66667vw 3.33333vw 1.66667vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li {
    margin: 0 0 13.33333vw;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li:nth-child(4n) {
    margin: 0 0 13.33333vw;
  }
}

.interview-wrap .peopleList>ul>li a {
  display: block;
  position: relative;
  text-decoration: none;
  transition: all .4s;
}

.interview-wrap .peopleList>ul>li a:hover {
  opacity: 1;
}

.interview-wrap .peopleList>ul>li a:hover .imgBox {
  opacity: .6;
}

.interview-wrap .peopleList>ul>li a .year {
  background: #6db229;
  color: #FFF;
  display: block;
  width: 4.53333vw;
  height: 2.4vw;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.46667vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .year {
    width: 11.46667vw;
    height: 5.86667vw;
    font-size: 28px;
    font-size: 3.73333vw;
  }
}

.interview-wrap .peopleList>ul>li a .imgBox {
  display: block;
  width: 21.33333vw;
  margin: 0 0 0.93333vw;
  position: relative;
  z-index: 1;
  transition: all .4s;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .imgBox {
    margin: 0 0 1.86667vw;
    width: 100%;
  }
}

.interview-wrap .peopleList>ul>li a .imgBox img {
  display: block;
  width: 100%;
}

.interview-wrap .peopleList>ul>li a .title {
  color: #231815;
  display: block;
  font-size: 20px;
  font-size: 1.33333vw;
  font-weight: bold;
  line-height: 1.4;
  text-align: justify;
  margin: 0 0 0.66667vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .title {
    margin: 0 0 1.33333vw;
    font-size: 28px;
    font-size: 3.73333vw;
    font-size: 15px;
  }
}

.interview-wrap .peopleList>ul>li a .ruby {
  font-family: "DINbek-bold";
  color: #6db229;
  display: block;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .ruby {
    font-size: 10px;
  }
}

.interview-wrap .peopleList>ul>li a .name {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .name {
    font-size: 12px;
  }
}

.interview-wrap .peopleList>ul>li a .school {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0.66667vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li a .school {
    margin: 0 0 1.33333vw;
    font-size: 12px;
  }
}

.interview-wrap .peopleList>ul>li .categoryList {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}

.interview-wrap .peopleList>ul>li .categoryList li {
  margin: 0 0.4vw 0 0;
}

.interview-wrap .peopleList>ul>li .categoryList li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: block;
  text-decoration: none;
  font-size: 12px;
  height: 1.33333vw;
  line-height: 1.33333vw;
  display: flex;
  padding: 2px 10px;
  margin-bottom: 10px;
  justify-content: center;
  transition: all .4s;
}

.interview-wrap .peopleList>ul>li .categoryList li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .interview-wrap .peopleList>ul>li .categoryList li a {
    margin: 0 1.33333vw 1.33333vw 0;
    min-width: 9.33333vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 1px 10px 0;
  }
}

.interview-wrap .peopleList>ul>li .categoryList li:last-child {
  margin: 0;
}

.interview-wrap .crossTalkLink>ul {
  display: flex;
  flex-wrap: wrap;
  width: 98.66667vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul {
    width: 93.6vw;
    display: block;
  }
}

.interview-wrap .crossTalkLink>ul>li {
  width: 46vw;
  margin: 0 1.66667vw 4vw 1.66667vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li {
    margin: 0 0 13.33333vw;
    width: 100%;
  }
}

.interview-wrap .crossTalkLink>ul>li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 3.06667vw 0 0;
  transition: all .4s;
}

.interview-wrap .crossTalkLink>ul>li a .num {
  background: #0082ec;
  color: #FFF;
  display: inline-block;
  min-width: 7.291666vw;
  height: 2.4vw;
  line-height: 2.4vw;
  text-align: center;
  font-size: 18px;
  font-size: 1.2vw;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 .5em;
}

/* 2025年卒 */
.interview-wrap .crossTalkLink>ul>li.sort27 a .num {
  background: #0082ec;
}

/* 2024年卒 */
.interview-wrap .crossTalkLink>ul>li.sort24 a .num {
  background: #00c4c2;
}

/* 2023年卒 */
.interview-wrap .crossTalkLink>ul>li.sort22 a .num {
  background: #3dabff;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .num {
    width: 16.53333vw;
    height: 6.13333vw;
    line-height: 6.13333vw;
    font-size: 2.93333vw;
    width: auto;
  }
}

.interview-wrap .crossTalkLink>ul>li a .imgBox {
  position: relative;
  display: block;
  width: 46vw;
  margin: 0 0 0.93333vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .imgBox {
    margin: 0 0 1.86667vw;
    width: 100%;
  }
}

.interview-wrap .crossTalkLink>ul>li a .imgBox img {
  display: block;
  width: 100%;
}

.interview-wrap .crossTalkLink>ul>li a .title {
  color: #231815;
  display: block;
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 1.33333vw;
  font-weight: bold;
  line-height: 1.4;
  text-align: justify;
  margin: 0 0 0.66667vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .title {
    margin: 0 0 1.33333vw;
    font-size: 15px;
  }
}

.interview-wrap .crossTalkLink>ul>li a .nameList {
  display: flex;
  margin: 0 0 1.33333vw;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .nameList {
    flex-flow: wrap;
  }
}

.interview-wrap .crossTalkLink>ul>li a .nameList li {
  margin: 0 2.66667vw 0 0;
}

.interview-wrap .crossTalkLink>ul>li a .nameList li:last-child {
  margin: 0;
}

.interview-wrap .crossTalkLink>ul>li a .nameList li .ruby {
  font-family: "DINbek-bold";
  color: #6db229;
  display: block;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .nameList li .ruby {
    font-size: 20px;
    font-size: 2.66667vw;
  }
}

.interview-wrap .crossTalkLink>ul>li a .nameList li .name {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li a .nameList li .name {
    font-size: 12px;
  }
}

.interview-wrap .crossTalkLink>ul>li a .school {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0.66667vw;
}

.interview-wrap .crossTalkLink>ul>li .categoryList {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}

.interview-wrap .crossTalkLink>ul>li .categoryList li {
  margin: 0 0.4vw 0.4vw 0;
}

.interview-wrap .crossTalkLink>ul>li .categoryList li a {
  background: #bcbbb1;
  border-radius: 4px;
  color: #FFF;
  display: block;
  text-decoration: none;
  font-size: 12px;
  height: 1.33333vw;
  line-height: 1.33333vw;
  display: flex;
  padding: 2px 10px;
  justify-content: center;
  transition: all .4s;
}

.interview-wrap .crossTalkLink>ul>li .categoryList li a:hover {
  opacity: 1;
  background: #0085c7;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .interview-wrap .crossTalkLink>ul>li .categoryList li a {
    margin: 0 1.33333vw 1.33333vw 0;
    min-width: 14.66667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 1px 0.66667vw 0;
  }
}

.interview-wrap .crossTalkLink>ul>li .categoryList li:last-child {
  margin: 0;
}

.page-link-area--interview {
  margin: 0 0 7.33333vw;
}

@media screen and (max-width: 767px) {
  .page-link-area--interview {
    padding: 0 0 10.66667vw;
    margin: 0;
  }
}

.page-link-area--interview .page-link-area__bg {
  padding: 4.66667vw 0 0;
  background: #96c9a8;
  top: 0;
}

@media screen and (max-width: 767px) {
  .page-link-area--interview .page-link-area__bg {
    padding: 2.66667vw 0 0;
  }
}

.page-link-area--interview .page-link {
  padding: 4.66667vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-link-area--interview .page-link {
    padding: 9.33333vw 0 0;
  }
}

.people-wrap {
  padding-top: 4.93333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap {
    padding-top: 9.86667vw;
  }
}

.people-wrap .keyBlock {
  position: relative;
  width: 100%;
  margin-bottom: 7.33333vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock {
    margin-bottom: 8vw;
    padding-bottom: 4.8vw;
  }
}

.people-wrap .keyBlock .keyImgBox {
  width: 76.13333vw;
  height: 48.66667vw;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}

.people-wrap .keyBlock .keyImgBox img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyImgBox {
    width: 100%;
    height: auto;
  }
}

.people-wrap .keyBlock .keyCatch {
  position: absolute;
  top: 50%;
  left: 4vw;
  transform: translateY(-52%);
  width: 100%;
  margin: 0 0 2vw;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyCatch {
    position: relative;
    top: initial;
    left: initial;
    transform: initial;
    width: 100%;
    margin: 0;
    z-index: 3;
    background: #d5dd00;
  }
}

.people-wrap .keyBlock .keyCatch h2 {
  color: #231815;
  font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
  font-weight: bold;
  font-size: 40px;
  font-size: 2.66667vw;
  letter-spacing: -.05em;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyCatch h2 {
    font-size: 24px;
    padding: 8vw 0 0 5.33333vw;
  }
}

.people-wrap .keyBlock .keyTxtBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #d5dd00;
  width: 44.93333vw;
  height: 48.66667vw;
  padding: 21.33333vw 0 0 4vw;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox {
    position: relative;
    top: -1px;
    width: 100%;
    height: auto;
    padding: 4vw 5.33333vw 8vw;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo {
  position: absolute;
  bottom: 4vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo {
    position: relative;
    bottom: initial;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .ruby {
  font-family: "DINbek-bold";
  color: #FFF;
  display: block;
  font-size: 20px;
  font-size: 1.33333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo .ruby {
    font-size: 12px;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .name {
  color: #231815;
  display: block;
  font-size: 24px;
  font-size: 1.6vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo .name {
    font-size: 12px;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .school {
  color: #231815;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 1.33333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo .school {
    margin: 0 0 1.33333vw;
    font-size: 12px;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .category {
  display: flex;
  text-align: center;
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .category li {
  margin: 0 0.4vw 0 0;
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .category li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: block;
  text-decoration: none;
  font-size: 12px;
  min-width: 4.66667vw;
  line-height: 1.33333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .category li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo .category li a {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding: 1px 10px;
  }
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTxtBox .peopleInfo .category li {
    margin: 0 1.33333vw 1.33333vw 0;
  }
}

.people-wrap .keyBlock .keyTxtBox .peopleInfo .category li:last-child {
  margin: 0;
}

.people-wrap .keyBlock .keyTitleBox {
  display: block;
  position: absolute;
  top: 2vw;
  left: 4vw;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTitleBox {
    top: 4vw;
  }
}

.people-wrap .keyBlock .keyTitleBox>span {
  color: #FFF;
  display: inline-block;
  font-family: "DINbek-bold";
  font-size: 30px;
  font-size: 2vw;
  line-height: 1;
  vertical-align: middle;
  margin: 0 0 0 1.86667vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTitleBox>span {
    font-size: 15px;
  }
}

.people-wrap .keyBlock .keyTitleBox .panel {
  display: inline-block;
  background: #6db229;
  width: 5.06667vw;
  height: 3.73333vw;
  margin: 0 auto;
  padding: 1.33333vw 0 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTitleBox .panel {
    width: 13.33333vw;
    height: 13.33333vw;
    padding: 2.66667vw 0 0;
    box-sizing: border-box;
  }
}

.people-wrap .keyBlock .keyTitleBox .panel span {
  color: #FFF;
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 0.8vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTitleBox .panel span {
    font-size: 2.4vw;
  }
}

.people-wrap .keyBlock .keyTitleBox .panel span.year {
  font-size: 24px;
  font-size: 1.6vw;
  font-family: "DINbek-bold";
  font-weight: bold;
  margin: 0 0 0.4vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .keyBlock .keyTitleBox .panel span.year {
    font-size: 4vw;
    margin: 0 0 1.33333vw;
  }
}

.people-wrap .interview {
  margin: 0 0 10.66667vw;
  padding: 0 0 0 4vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview {
    margin: 0 0 9.33333vw;
    padding: 0;
  }
}

.people-wrap .interview>.titleBox {
  width: 100%;
  margin: 0 0 5.33333vw;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.titleBox {
    float: none;
    border: none;
    width: 93.6vw;
    margin: 0 auto 6.66667vw;
  }
}

.people-wrap .interview>.titleBox .num {
  margin: 0 0 0.66667vw;
}

.people-wrap .interview>.titleBox .num span {
  color: #231815;
  display: block;
  font-family: "DINbek-bold";
  font-size: 30px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.titleBox .num span {
    font-size: 20px;
  }
}

.people-wrap .interview>.titleBox h2 {
  color: #6db229;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.titleBox h2 {
    font-size: 18px;
  }
}

.people-wrap .interview>.txtBox {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.txtBox {
    float: none;
    border: none;
    width: 93.6vw;
    margin: 0 auto 8vw;
    padding: 0;
  }
}

.people-wrap .interview>.txtBox ul li {
  margin: 0 0 5.33333vw;
}

.people-wrap .interview>.txtBox ul li:last-child {
  margin: 0;
}

.people-wrap .interview>.txtBox ul li h3 {
  color: #231815;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 8vw;
  margin: 0 0 2vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.txtBox ul li h3 {
    font-size: 14px;
    padding: 0 0 0 14.66667vw;
    margin: 0 0 2.66667vw;
  }
}

.people-wrap .interview>.txtBox ul li h3:before {
  background: #6db229;
  content: "";
  display: block;
  width: 7.33333vw;
  height: 2px;
  position: absolute;
  top: 10px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.txtBox ul li h3:before {
    width: 13.33333vw;
    top: 10px;
  }
}

.people-wrap .interview>.txtBox ul li p {
  color: #231815;
  font-size: 16px;
  text-align: justify;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview>.txtBox ul li p {
    font-size: 14px;
  }
}

.people-wrap .interview .imgBox {
  float: right;
  width: 46vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview .imgBox {
    width: 74.66667vw;
    margin: 0 auto;
    float: none;
  }
}

.people-wrap .interview .imgBox img {
  display: block;
  width: 100%;
}

.people-wrap .interview--02 {
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 {
    background: rgba(113, 185, 43, 0.5);
    width: 100%;
    margin: 0 auto 9.33333vw;
    float: none;
    padding: 8vw 0 5.33333vw;
  }
}

.people-wrap .interview--02 .txtBox {
  float: right;
  width: 54%;
  min-height: 74.93333vw;
  box-sizing: border-box;
  padding: 6vw 5.33333vw 6vw 8vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox {
    background: none;
    float: none;
    border: none;
    width: 93.6vw;
    height: auto;
    margin: 0 auto 8vw;
    padding: 0;
  }
}

.people-wrap .interview--02 .txtBox>.titleBox {
  width: 100%;
  margin: 0 0 5.33333vw;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox>.titleBox {
    float: none;
    border: none;
    width: 93.6vw;
    margin: 0 auto 3.33333vw;
  }
}

.people-wrap .interview--02 .txtBox>.titleBox .num {
  margin: 0 0 0.66667vw;
}

.people-wrap .interview--02 .txtBox>.titleBox .num span {
  color: #231815;
  display: block;
  font-family: "DINbek-bold";
  font-size: 30px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox>.titleBox .num span {
    font-size: 20px;
  }
}

.people-wrap .interview--02 .txtBox>.titleBox h2 {
  color: #6db229;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox>.titleBox h2 {
    font-size: 18px;
  }
}

.people-wrap .interview--02 .txtBox ul li {
  margin: 0 0 5.33333vw;
}

.people-wrap .interview--02 .txtBox ul li:last-child {
  margin: 0;
}

.people-wrap .interview--02 .txtBox ul li h3 {
  color: #231815;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 8vw;
  margin: 0 0 2vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox ul li h3 {
    font-size: 14px;
    padding: 0 0 0 14.66667vw;
    margin: 0 0 2.66667vw;
  }
}

.people-wrap .interview--02 .txtBox ul li h3:before {
  background: #6db229;
  content: "";
  display: block;
  width: 7.33333vw;
  height: 2px;
  position: absolute;
  top: 10px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox ul li h3:before {
    width: 13.33333vw;
    top: 10px;
  }
}

.people-wrap .interview--02 .txtBox ul li p {
  color: #231815;
  font-size: 16px;
  text-align: justify;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .txtBox ul li p {
    font-size: 12px;
  }
}

.people-wrap .interview--02 .imgBox {
  float: left;
  width: 46%;
  height: 74.93333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interview--02 .imgBox {
    float: none;
    border: none;
    width: 93.6vw;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
}

.people-wrap .interview--02 .imgBox img {
  width: 100%;
  height: 100%;
}

.people-wrap .interview--03 {
  margin: 0 4vw;
  padding: 0;
}

.people-wrap .interview--03 img {
  display: block;
  width: 100%;
}

.people-wrap .interviewLink {
  background: #d5dd00;
  padding: 2.66667vw 0 5.33333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink {
    padding: 5.33333vw 0 8vw;
  }
}

.people-wrap .interviewLink h2 {
  color: #231815;
  font-family: "DINbek-bold";
  font-size: 22px;
  font-size: 1.46667vw;
  line-height: 1;
  margin-bottom: 2vw;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink h2 {
    font-size: 20px;
    font-size: 2.66667vw;
  }
}

.people-wrap .interviewLink .linkWrap {
  border-top: 0.06667vw solid #231815;
  border-bottom: 0.06667vw solid #231815;
  width: 87.6vw;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap {
    border-top: 0.13333vw solid #231815;
    border-bottom: 0.13333vw solid #231815;
    width: 93.6vw;
    padding: 10px 0;
  }
}

.people-wrap .interviewLink .linkWrap .prev {
  width: 40vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev {
    width: 41.46667vw;
  }
}


.people-wrap .interviewLink .linkWrap .prev a {
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a {
    width: 41.46667vw;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .imgBox {
  display: block;
  width: 10vw;
  float: left;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .imgBox {
    width: 18.93333vw;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .imgBox img {
  width: 100%;
  display: block;
}

.people-wrap .interviewLink .linkWrap .prev a .txtBox {
  display: block;
  width: 26.66667vw;
  float: left;
  margin: 0;
  padding: 0 1.33333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .txtBox {
    width: 19.86667vw;
    padding: 0 1.33333vw;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .txtBox h3 {
  color: #FFF;
  font-family: "DINbek-bold";
  font-size: 28px;
  font-size: 1.86667vw;
  line-height: 1;
  margin-bottom: 1.33333vw;
  letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .txtBox h3 {
    font-size: 26px;
    font-size: 3.46667vw;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .txtBox .name {
  color: #231815;
  font-family: "DINbek-bold";
  font-size: 12px;
  display: block;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .txtBox .name {
    font-size: 10px;
    line-height: 1.2;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .txtBox .title {
  color: #231815;
  font-size: 12px;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .txtBox .title {
    font-size: 10px;
  }
}

.people-wrap .interviewLink .linkWrap .prev a .txtBox p {
  color: #231815;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .prev a .txtBox p {
    font-size: 10px;
  }
}

.people-wrap .interviewLink .linkWrap .next {
  width: 40vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next {
    width: 41.46667vw;
  }
}

.people-wrap .interviewLink .linkWrap .next a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  text-decoration: none;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a {
    width: 41.46667vw;
  }
}

.people-wrap .interviewLink .linkWrap .next a .imgBox {
  display: block;
  width: 10vw;
  float: right;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .imgBox {
    width: 18.93333vw;
  }
}

.people-wrap .interviewLink .linkWrap .next a .imgBox img {
  width: 100%;
  display: block;
}

.people-wrap .interviewLink .linkWrap .next a .txtBox {
  display: block;
  width: 26.66667vw;
  float: right;
  margin: 0;
  padding: 0 1.33333vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .txtBox {
    width: 19.86667vw;
    padding: 0 1.33333vw;
  }
}

.people-wrap .interviewLink .linkWrap .next a .txtBox h3 {
  color: #FFF;
  font-family: "DINbek-bold";
  font-size: 28px;
  font-size: 1.86667vw;
  line-height: 1;
  margin-bottom: 1.33333vw;
  letter-spacing: .1em;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .txtBox h3 {
    font-size: 26px;
    font-size: 3.46667vw;
  }
}

.people-wrap .interviewLink .linkWrap .next a .txtBox .name {
  display: block;
  color: #231815;
  font-family: "DINbek-bold";
  font-size: 16px;
  font-size: 1.06667vw;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .txtBox .name {
    font-size: 10px;
    line-height: 1.2;
  }
}

.people-wrap .interviewLink .linkWrap .next a .txtBox .title {
  display: block;
  color: #231815;
  font-size: 16px;
  font-size: 1.06667vw;
  font-weight: bold;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .txtBox .title {
    font-size: 10px;
  }
}

.people-wrap .interviewLink .linkWrap .next a .txtBox p {
  color: #231815;
  font-size: 14px;
  font-size: 0.93333vw;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .next a .txtBox p {
    font-size: 10px;
  }
}

.people-wrap .interviewLink .linkWrap .list {
  margin: 2.66667vw 0 0;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .list {
    width: 10.66667vw;
    margin: 5.33333vw 0 0;
  }
}

.people-wrap .interviewLink .linkWrap .list a {
  display: block;
  text-decoration: none;
  position: relative;
}

.people-wrap .interviewLink .linkWrap .list a span {
  color: #231815;
  display: block;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667vw;
  font-weight: bold;
  margin: 0 0 0.4vw;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .list a span {
    font-size: 15px;
    font-size: 2vw;
  }
}

.people-wrap .interviewLink .linkWrap .list a:after {
  content: "";
  background: url(/recruit/assets/img/interview/icon_list_back.svg) no-repeat;
  background-size: 100%;
  display: block;
  width: 2vw;
  height: 2vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .people-wrap .interviewLink .linkWrap .list a:after {
    width: 4vw;
    height: 4vw;
  }
}

.crosstalk-wrap {
  padding-top: unset;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap {
    padding-top: 0;
  }
}

.crosstalk-wrap .introBlock {
  box-sizing: border-box;
  width: 86.0655vw;
  margin: 0 auto 4.9vw;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock{
    width: 100%;
  }

  .crosstalk-wrap .introBlock .introCatch{
    width: 86.0655vw;
    margin: 30px auto;
  }
}

.crosstalk-wrap .introCatch {
  font-size: clamp( 20px , 3.035vw , 34px);
  font-family: "Noto Serif JP", serif;  
  margin-bottom: 5.7vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock {
    margin-bottom: 4.8vw;
    padding-bottom: 4.8vw;
  }
}

.crosstalk-wrap .introBlock .talkPeople{
    position: relative;
    padding: 2.4vw 1.8vw;
    background: rgba(255, 255, 255, 0.5);
}

.crosstalk-wrap .introBlock .introTitleBox {
  display: block;
  position: absolute;
  top: 2vw;
  left: 4vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .introTitleBox {
    top: 3.5vw;
  }
}

.crosstalk-wrap .introBlock .introTitleBox>span {
  color: #231815;
  display: block;
  font-family: "DINbek-bold";
  font-size: 22px;
  font-size: 1.46667vw;
  line-height: 1;
  margin-bottom: 1.06667vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .introTitleBox>span {
    font-size: 15px;
    font-size: 2vw;
  }
}

.crosstalk-wrap .introBlock .introTitleBox .panel {
  background: #6db229;
  width: 5.06667vw;
  height: 5.06667vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .introTitleBox .panel {
    width: 10.13333vw;
    height: 10.13333vw;
  }
}

.crosstalk-wrap .introBlock .introTitleBox .panel span {
  color: #FFF;
  display: block;
  font-size: 22px;
  font-size: 1.46667vw;
  font-weight: bold;
  line-height: 5.06667vw;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .introTitleBox .panel span {
    font-size: 17px;
    font-size: 2.26667vw;
    line-height: 10.13333vw;
  }
}

.crosstalk-wrap .introBlock .introTitleBox.is-disable {
  display: none;
}

.crosstalk-wrap .introBlock .keyCatch {
  position: relative;
  width: 100%;
  padding: 3.06667vw 0;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .keyCatch {
    padding: 21vw 0 4.8vw;
  }
}

.crosstalk-wrap .introBlock .keyCatch__01 {
  color: #000;
  display: block;
  font-family: "Noto Serif JP", serif;    
  font-weight: bold;
  letter-spacing: .05em;
  font-size: 32px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock .keyCatch__01 {
    font-size: 16px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople img{ width: 100%;}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople.solo {
  box-sizing: border-box;
  max-width: 605px;
  width: 100%;
  margin: 0 auto;
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul{
    display: block;
}


.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li {
	max-width: 920px;
	width:100%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .imgBox {
  margin: 0 0 1.73333vw;
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .imgBox img {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .ruby {
  font-family: "DINbek-bold";
  color: #231815;
  display: block;
  text-align: left;
  font-size: 16px;
  margin: 0 0 0.66667vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .ruby {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .name {
  color: #231815;
  display: block;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .name {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .school {
  color: #231815;
  display: block;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople ul li .school {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList {
    width: calc(100% - 10px);
    flex-wrap: wrap;
    margin: 0 0 0 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList li {
  width: auto;
  margin: 0 1vw 0 0;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList li {
    flex-wrap: wrap;
    margin: 0 10px 10px 0;
  }
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: flex;
  text-decoration: none;
  font-size: 12px;
  min-width: 5.46667vw;
  line-height: 1.33333vw;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk00 .talkPeople .categoryList li a {
    min-width: 14.66667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 2px 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:20px;
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li {
  flex-basis: calc((100% - 20px)/2);
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul {
 	 gap:15px;
  }

  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li {
    margin-bottom: 10px;
    flex-basis: calc((100% - 15px)/2);
    gap:15px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .imgBox {
  margin: 0 0 1.73333vw;
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .imgBox img {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .ruby {
  font-family: "DINbek-bold";
  color: #231815;
  display: block;
  text-align: left;
  font-size: 16px;
  margin: 0 0 0.66667vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .ruby {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .name {
  color: #231815;
  display: block;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .name {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .school {
  color: #231815;
  display: block;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople ul li .school {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList {
    width: calc(100% - 10px);
    flex-wrap: wrap;
    margin: 0 0 0 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList li {
  width: auto;
  margin: 0 1vw 0 0;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList li {
    flex-wrap: wrap;
    margin: 0 10px 10px 0;
  }
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: flex;
  text-decoration: none;
  font-size: 12px;
  min-width: 5.46667vw;
  line-height: 1.33333vw;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk01 .talkPeople .categoryList li a {
    min-width: 14.66667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 2px 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 {
  border-bottom: none;
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li {
  flex-basis: calc((100% - 40px)/3);
  position: relative;
  margin-bottom: 20px;
}


@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul{
    gap: 15px;
  }

  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li {
    flex-basis: calc((100% - 15px)/2);
    margin-bottom: 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .imgBox {
  margin: 0 0 1.73333vw;
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .imgBox img {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .ruby {
  font-family: "DINbek-bold";
  color: #231815;
  display: block;
  font-size: 16px;
  margin: 0 0 0.66667vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .ruby {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .name {
  color: #231815;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .name {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .school {
  color: #231815;
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople ul li .school {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList {
    width: calc(100% - 10px);
    flex-wrap: wrap;
    margin: 0 0 0 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList li {
  width: auto;
  margin: 0 1vw 0 0;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList li {
    flex-wrap: wrap;
    margin: 0 10px 10px 0;
  }
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: flex;
  text-decoration: none;
  font-size: 12px;
  min-width: 5.46667vw;
  line-height: 1.33333vw;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk02 .talkPeople .categoryList li a {
    min-width: 14.66667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 2px 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li {
  flex-basis: calc((100% - 60px)/4);
}

@media screen and (max-width: 767px) {

  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul{
    gap: 15px;
  }

  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li {
    flex-basis: calc((100% - 15px)/2);
    margin-bottom: 10px;
  }
}


.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .imgBox {
  margin: 0 0 1.73333vw;
}


.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .imgBox img {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .ruby {
  font-family: "DINbek-bold";
  color: #231815;
  display: block;
  text-align: left;
  font-size: 16px;
  margin: 0 0 0.66667vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .ruby {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .name {
  color: #231815;
  display: block;
  text-align: left;
  font-size: 18px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .name {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .school {
  color: #231815;
  display: block;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople ul li .school {
    font-size: 12px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList {
    width: calc(100% - 10px);
    flex-wrap: wrap;
    margin: 0 0 0 10px;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList li {
  width: auto;
  margin: 0 1vw 0 0;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList li {
    flex-wrap: wrap;
    margin: 0 10px 10px 0;
  }
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList li a {
  background: #9e9d91;
  border-radius: 4px;
  color: #FFF;
  display: flex;
  text-decoration: none;
  font-size: 12px;
  min-width: 5.46667vw;
  line-height: 1.33333vw;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList li a:hover {
  opacity: 1;
  background: #6db229;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .introBlock--crosstalk03 .talkPeople .categoryList li a {
    min-width: 14.66667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    font-size: 10px;
    padding: 2px 10px;
  }
}

.crosstalk-wrap .talk {
  margin: 0 0 10.66667vw;
}

.crosstalk-wrap .talk--03 {
  margin: 0;
}

.crosstalk-wrap .talk .titleBox {
  position: relative;
  padding: 20px 20px 20px 170px;
  margin: 40px auto 0;
  width: 86.0655vw;
  box-sizing: border-box;
  z-index: 3;
}

.crosstalk-wrap .talk .titleBox::before{ 
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -3;
  background: #f0ffff;
  transform: skewX(-10deg);;
}

.crosstalk-wrap .talk .titleBox::after{ 
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 3.8%;
  height: 100%;
  display: block;
  z-index: -2;
  background: #0097d1;
  transform: skewX(-10deg);
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .titleBox {
    float: none;
    border: none;
    padding: 20px 20px 20px 80px;
    margin: 0 auto 6.66667vw;
  }
}

.crosstalk-wrap .talk .titleBox .num {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 2.4vw;
  color: #000;
  font-weight: bold;
  padding: 10px 5px;
  font-size: 18px;
  transform: translateY(-50%);
}

.crosstalk-wrap .talk .titleBox .num::before{
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  background: #00ffff;
  width: 100%;
  height: 70px;
  display: block;
  transform: translateY(-50%) skewX(-10deg);
  z-index: -1;
  opacity: 0.5;
}

.crosstalk-wrap .talk .titleBox .num span {
  font-family: "DINbek-bold";
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.02em;
}

.crosstalk-wrap .talk .titleBox h2 {
  font-family: "Noto Serif JP", serif;  
  font-weight: bold;
  letter-spacing: 0.06em;
  font-size: clamp( 18px , 2.29vw , 28px);
  }


@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .titleBox .num{
    width: 1.5em;
    transform: translateY(0) ;
    top: 20px;
    left: 5px;
  }

  .crosstalk-wrap .talk .titleBox .num::before{
    left: 10px;
  }

  .crosstalk-wrap .talk .titleBox .num span {
    font-size: 20px;
  }

.crosstalk-wrap .talk .titleBox h2 {
  font-family: "Noto Serif JP", serif;  
  font-weight: bold;
  letter-spacing: 0.06em;
  font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .titleBox h2 {
    display: inline-block;
    font-size: 4.5vw;
  }
}

.crosstalk-wrap .talk .interviewText{ 
  width: 86.0655vw;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.crosstalk-wrap .talk .interviewText .left{
  flex-basis: 30%;
}

.crosstalk-wrap .talk .interviewText .left h3{
  padding: 2em;
  color: #0097d1;
  background: #f0ffff;
}

.crosstalk-wrap .talk .interviewText .right{
  flex-basis: 57.5%;
  padding-left: 2.5%;
  border-left: 1px solid #0097d1;
  background: rgba(255, 255, 255, 0.8);
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .interviewText .left,.crosstalk-wrap .talk .interviewText .right{
    flex-basis: 100%;
    border-left: none;
    padding-left: 0;
  }

  .crosstalk-wrap .talk .interviewText .left{
    margin-bottom: 30px;
  }
}


@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .txtBox {
    float: none;
    border: none;
    width: 93.6vw;
    margin: 0 auto 10.66667vw;
  }
}

.crosstalk-wrap .talk .txtBox ul li {
  margin: 0 0 2.66667vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .txtBox ul li {
    margin: 0 0 5.33333vw;
  }
}

.crosstalk-wrap .talk .txtBox ul li:last-child {
  margin: 0;
}

.crosstalk-wrap .talk .txtBox ul li h3 {
  font-weight: bold;
}

.crosstalk-wrap .talk .txtBox ul li .name {
  width: 3.33333vw;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .txtBox ul li .name {
    font-size: 14px;
    width: 6.66667vw;
  }
}

.crosstalk-wrap .talk .txtBox ul li p {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .talk .txtBox ul li p {
    font-size: 14px;
    width: 84.26667vw;
  }
}

.crosstalk-wrap .talk .txtBox ul li p.no-name {
  width: auto;
  margin: 0px;
}

.crosstalk-wrap .talk .imgBox {
  clear: both;
  margin: 0 5.33333vw;
}

.crosstalk-wrap .talk .imgBox img {
  display: block;
  width: 100%;
}

.crosstalk-wrap .interviewLink {
  background: #d1edf8;
  padding: 0 0 5.33333vw;
  margin-top: 11.475vw;
  overflow: auto;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink {
    padding: 0 0 8vw;
  }
}

.crosstalk-wrap .interviewLink h2 {
  margin: 0 2.8vw 2.5vw;
}

.crosstalk-wrap .interviewLink h2 img{
  width: 267px;
}

.crosstalk-wrap .interviewLink h2 span{
  display: inline-block;
  font-weight: 600;
  color: #000;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink h2 {
    font-size: 15px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap {
  width: 75.409vw;
  margin: 0 auto;
  display: block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap {
    width: 93.6vw;
    overflow: auto;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev {
  float: left;
}

.crosstalk-wrap .interviewLink .linkWrap .prev a {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: 34vw;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a {
    width: 41.46667vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .imgBox {
  display: block;
  width: 10vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .imgBox {
    width: 18.93333vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .imgBox::before{
  position: absolute;
  content: "";
  background: url(/recruit/internship_interview/assets25/img/2025_arrow.svg) no-repeat;
  width: 2.4vw;
  height: 4.91vw;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: -6.557vw;
}


.crosstalk-wrap .interviewLink .linkWrap .prev a .imgBox img {
  width: 100%;
  display: block;
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox {
  background: #0082ec;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 12.29vw;
  padding: 0 1.33333vw;
  
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox {
    width: 19.86667vw;
    padding: 0 1.33333vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox h3 {
  color: #FFF;
  font-family: "DINbek-bold";
  width: 100%;
  font-weight: bold;
  font-size: 28px;
  font-size: 1.86667vw;
  line-height: 1;
  margin-bottom: 10px;
  letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox h3 {
    font-size: 14px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox .name {
  color: #231815;
  font-family: "DINbek-bold";
  font-size: 12px;
  display: block;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox .name {
    font-size: 2.66667vw;
    line-height: 1.2;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox .title {
  color: #fff;
  font-size: clamp( 12px ,1.4vw ,18px);
  display: block;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox .title {
    font-size: 12px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox p {
  color: #231815;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .prev a .txtBox p {
    font-size: 10px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next {
  float: right;
}

.crosstalk-wrap .interviewLink .linkWrap .next a {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  width: 34vw;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a {
    width: 41.46667vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .imgBox {
  display: block;
  width: 10vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .imgBox {
    width: 18.93333vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .imgBox::before{
  position: absolute;
  content: "";
  background: url(/recruit/internship_interview/assets25/img/2025_arrow.svg) no-repeat;
  width: 2.4vw;
  height: 4.91vw;
  display: block;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: -6.557vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .imgBox::before{
  content: none;
  }
}

@media screen and (max-width: 767px) {
.crosstalk-wrap .interviewLink .linkWrap .next a .imgBox::before{
  content: none;
}
}

.crosstalk-wrap .interviewLink .linkWrap .next a .imgBox img {
  width: 100%;
  display: block;
}

.crosstalk-wrap .interviewLink .linkWrap .next a .txtBox {
  background: #77cfec;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 12.29vw;
  padding: 0 1.33333vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .txtBox {
    width: 19.86667vw;
    padding: 0 1.33333vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .txtBox h3 {
  color: #FFF;
  font-family: "DINbek-bold";
  width: 100%;
  font-weight: bold;
  font-size: 28px;
  font-size: 1.86667vw;
  line-height: 1;
  margin-bottom: 10px;
  letter-spacing: .1em;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .txtBox h3 {
    font-size: 14px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .txtBox .name {
  display: block;
  color: #231815;
  font-family: "DINbek-bold";
  font-size: 12px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .txtBox .name {
    font-size: 2.66667vw;
    line-height: 1.2;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .txtBox .title {
  display: block;
  color: #fff;
  font-size: clamp( 12px ,1.4vw ,18px);
  text-align: left;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .txtBox .title {
    font-size: 2.66667vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .next a .txtBox p {
  color: #231815;
  font-size: 12px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .next a .txtBox p {
    font-size: 12px;
    font-size: 1.6vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .list {
  top: 2.66667vw;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -24.75px;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .list {
    width: 40px;
    top: 5.33333vw;
    margin: 0 0 0 -20px;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .list a {
  display: block;
  text-decoration: none;
  position: relative;
}

.crosstalk-wrap .interviewLink .linkWrap .list a span {
  color: #0082ec;
  display: block;
  text-align: center;
  font-size: clamp( 12px ,1.1vw ,12px);
  font-weight: bold;
  margin: 0 0 0.4vw;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .list a span {
    font-size: 15px;
    font-size: 2vw;
  }
}

.crosstalk-wrap .interviewLink .linkWrap .list a:after {
  content: "";
  background: url(/recruit/internship_interview/assets25/img/2025_toall.svg) no-repeat;
  background-size: 100%;
  display: block;
  width: 3.93vw;
  height: 3.93vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .crosstalk-wrap .interviewLink .linkWrap .list a:after {
    width: 4vw;
    height: 4vw;
  }
}

.page-5days .days-wrap {
  overflow: hidden;
  padding: 4.93333vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap {
    padding: 18vw 0 0;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header {
    height: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .logo2 {
    width: 220px;
  }
}

.page-5days .days-wrap .header .headerInner2 .btn-area {
  margin: 0 0 0 14.66667vw;
}

@media screen and (min-width: 768px) {
  .page-5days .days-wrap .header .headerInner2 .btn-area {
    display: flex !important;
  }
}

.page-5days .days-wrap .header .headerInner2 .btn-area a {
  display: block;
  margin: 0 3.33333vw 0 0;
}

.page-5days .days-wrap .header .headerInner2 .btn-area a:nth-child(1) {
  width: 5.53333vw;
}

.page-5days .days-wrap .header .headerInner2 .btn-area a:nth-child(2) {
  width: 5.86667vw;
}

.page-5days .days-wrap .header .headerInner2 .btn-area a:nth-child(3) {
  width: 6.73333vw;
}

.page-5days .days-wrap .header .headerInner2 .btn-area a:nth-child(4) {
  width: 5.2vw;
  margin: 0;
}

.page-5days .days-wrap .header .headerInner2 .btn-area a img {
  display: block;
  width: 100%;
}

.page-5days .days-wrap .header .headerInner2 .btnBox {
  height: 100%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox {
    width: 37.33333vw;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox a {
  background: #6db328;
  display: block;
  width: 9.33333vw;
  height: 100%;
  padding: 1.86667vw 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox a {
    width: 18.66667vw;
    padding: 2.66667vw 0 0;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox a img {
  display: block;
  width: 5.33333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox a img {
    width: 10.66667vw;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox a.mypageBtn {
  background: #008236;
}

.page-5days .days-wrap .header .headerInner2 .btnBox a.mypageBtn img {
  width: 6.53333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox a.mypageBtn img {
    width: 13.06667vw;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox span {
  background: #B5B5B6;
  display: block;
  width: 9.33333vw;
  height: 100%;
  padding: 1.86667vw 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox span {
    width: 18.66667vw;
    padding: 2.66667vw 0 0;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox span img {
  display: block;
  width: 5.33333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox span img {
    width: 10.66667vw;
  }
}

.page-5days .days-wrap .header .headerInner2 .btnBox span.mypageBtn img {
  width: 6.53333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .headerInner2 .btnBox span.mypageBtn img {
    width: 13.06667vw;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .header .btn-area {
    background: #FFF;
    text-align: center;
    padding: 2.66667vw 0;
  }

  .page-5days .days-wrap .header .btn-area a {
    display: inline-block;
    margin: 0 6.66667vw 0 0;
  }

  .page-5days .days-wrap .header .btn-area a img {
    display: block;
    width: 100%;
  }

  .page-5days .days-wrap .header .btn-area a:nth-child(1) {
    width: 13.06667vw;
  }

  .page-5days .days-wrap .header .btn-area a:nth-child(2) {
    width: 13.73333vw;
  }

  .page-5days .days-wrap .header .btn-area a:nth-child(3) {
    width: 15.46667vw;
  }

  .page-5days .days-wrap .header .btn-area a:nth-child(4) {
    width: 12.4vw;
    margin: 0;
  }

  .page-5days .days-wrap .header .btn-area a img {
    display: block;
    width: 100%;
  }
}

.page-5days .days-wrap .titleVisual {
  background: #0071bc;
  padding: 1.66667vw 0 0.66667vw;
}

.page-5days .days-wrap .titleVisual h3 {
  width: 35.46667vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .titleVisual h3 {
    width: 65%;
    padding: 3.33333vw 0 0.33333vw;
  }
}

.page-5days .days-wrap .keyVisual {
  background-size: 100%;
  padding: 0;
  position: relative;
  z-index: 1;
  background: #00a1e3;
}

.page-5days .days-wrap .keyVisual .inner {
  padding: 5.33333vw 0 9.33333vw;
  width: auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .keyVisual .inner {
    padding: 9vw 0 15vw;
  }
}

.page-5days .days-wrap .keyVisual .inner h3 {
  width: 42.13333vw;
  margin: 0 auto 5.46667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .keyVisual .inner h3 {
    width: 54.13333vw;
    margin: 0 auto 5.33333vw;
  }
}

.page-5days .days-wrap .keyVisual .inner h2 {
  width: 56.77vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .keyVisual .inner h2 {
    max-width: 350px;
  }
}

.page-5days .days-wrap .keyVisual .inner .area-tokyo {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 200px;
  width: 17%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .keyVisual .inner .area-tokyo {
    width: 47%;
  }
}

.page-5days .days-wrap .keyVisual .inner .area-kyushu {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 200px;
  width: 17%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .keyVisual .inner .area-kyushu {
    width: 47%;
  }
}

.page-5days .days-wrap .txtVisual {
  margin: 1.2vw 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .txtVisual {
    margin: 10.66667vw 0 13.33333vw;
  }
}

.page-5days .days-wrap .txtVisual h2 {
  max-width: 37.1vw;
  margin: 0 auto;
}

.page-5days .days-wrap .read {
  background: url(../../assets/img/5days/2024/bg01.webp) no-repeat center top;
  background-size: 100%;
  position: relative;
  z-index: 0;
  height: 82.5vw;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read {
    background: url(../../assets/img/5days/2024/bg_read.jpg) no-repeat center center;
    background-size: 100%;
    position: relative;
    z-index: 2;
    height: 170vw;
    margin: 0;
  }
}

.page-5days .days-wrap .read .inner {
  padding: 7.73333vw 0;
  overflow: inherit;
  width: auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read .inner {
    padding: 14vw 0 3vw;
    overflow: inherit;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read .inner .period {
    width: 90%;
    margin: 0 auto;
    position: relative;
    left: initial;
    z-index: 2;
    padding: 0 0 0;
    box-sizing: border-box;
  }
}

.page-5days .days-wrap .read .inner .period img {
  display: block;
  width: 62.76vw;
  margin: 0 auto;
}

.page-5days .days-wrap .read .inner .period figure {
  position: relative;
}

.page-5days .days-wrap .read .inner .period .scrlDays01 {
  position: absolute;
  transform: translateX(14%) translateY(39%);
  width: 80%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read .inner .period img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .page-5days .days-wrap .read .inner .period .scrlDays01 {
    position: absolute;
    top: 22.5vw;
  }
}

.page-5days .days-wrap .read .inner h2 {
  color: #FFF;
  font-size: 44px;
  font-size: 2.93333vw;
  font-weight: bold;
  text-align: center;
}

.page-5days .days-wrap .read .inner h2 span {
  font-size: 28px;
  font-size: 1.86667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read .inner h2 span {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .read .inner h2 {
    font-size: 16px;
  }
}

.page-5days .days-wrap .attention {
  color: red;
  text-decoration: underline;
  font-size: 23px;
  font-size: 1.53333vw;
  font-weight: bold;
  line-height: 1.7;
  width: 46.66667vw;
  margin: 50px auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .attention {
    width: calc(100% - 10%);
    margin: 0 auto 30px;
    font-size: 14px;
  }
}

.page-5days .days-wrap .program .inner {
  width: 77.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner {
    width: calc(100% - 10%);
    margin: 0 auto 20px;
  }
}

.page-5days .days-wrap .program .inner h2 {
  width: 23.33333vw;
  margin: 0 0 6.66667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner h2 {
    width: 130px;
    margin: 0 0 20px;
  }
}

.page-5days .days-wrap .program .inner h4 {
  color: #231815;
  font-size: 35px;
  font-size: 2.33333vw;
  font-weight: bold;
  width: 46.66667vw;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner h4 {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
    text-align-last: initial;
    -moz-text-align-last: initial;
  }
}

.page-5days .days-wrap .program .inner h3 {
  color: #ffffff;
  background: #00a0e9;
  font-weight: bold;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner h3 {
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto 10px;
    letter-spacing: 0;
    text-align: left;
    -moz-text-align-last: initial;
    text-align-last: initial;
  }
}

.page-5days .days-wrap .program .inner p {
  color: #ffffff;
  font-size: 1.53333vw;
  font-weight: bold;
  line-height: 2;
  width: 46.66667vw;
  margin: 0 auto;
  text-align: justify;
}

.page-5days .days-wrap .program .inner p span {
  font-size: 18px;
  font-size: 1.2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner p span {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .program .inner p {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    -moz-text-align-last: initial;
    text-align-last: initial;
  }
}

.page-5days .days-wrap .process {
  position: relative;
  background: url(../../assets/img/5days/2024/bg02.webp) no-repeat center top;
  background-size: 100%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process {
    background-size: 233%;
  }
}

.page-5days .days-wrap .process .inner {
  position: relative;
  width: 77.33333vw;
  min-width: 700px;
  padding: 20.66667vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner {
    margin: 0 auto;
    width: calc(100% - 10%);
    padding: 15vw 0 0;
  }
}

.page-5days .days-wrap .process .inner h2 {
  width: 10.16vw;
  margin: 0 auto 2.66667vw;
  position: relative;
  top: -2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner h2 {
    margin-bottom: 20px;
  }
}

.page-5days .days-wrap .process .inner .flow {
  padding-top: 6.66667vw;
  background: url(../../assets/img/5days/2024/bg_process_img.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow {
    padding: 0 0 0 0;
    background: none;
  }
}

.page-5days .days-wrap .process .inner .flow ul {
  margin: 0 0 2vw;
  padding-bottom: 2vw;
}

.page-5days .days-wrap .process .inner .flow ul li {
  background: #0071bc;
  margin: 0 0 1vw;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  padding: 1vw 0 1vw 1.66667vw;
  font-size: 0.8vw;
  font-weight: bold;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li {
    font-size: 12px;
  }
}

.page-5days .days-wrap .process .inner .flow ul li .mb20 {
  margin-bottom: 1.33333vw;
}

.page-5days .days-wrap .process .inner .flow ul li span {
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.2vw;
  font-weight: bold;
}

.page-5days .days-wrap .process .inner .flow ul li span a {
  color: #fff799;
  border-bottom: none;
  font-size: 1vw;
  text-decoration: none;
}

.page-5days .days-wrap .process .inner .flow ul li span a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li span {
    font-size: 12px;
  }
}

.page-5days .days-wrap .process .inner .flow ul li span .repletion {
  font-size: 0.7vw;
  letter-spacing: -.04em;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li span .repletion {
    font-size: 10px;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(1) {
  width: 19vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(1) {
    width: 100%;
    padding: 10px;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(2) {
  width: 19vw;
  margin-bottom: 1vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(2) {
    width: 100%;
    padding: 10px;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(3) {
  width: 19vw;
  margin-bottom: 1vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(3) {
    width: 100%;
    padding: 10px;
    margin-left: 0;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(4) {
  width: 26.66667vw;
  margin: 0 0 1vw 7vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(4) {
    width: 100%;
    padding: 10px;
    margin-left: 0;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(5) {
  width: 33vw;
  margin: 0 0 0 28.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(5) {
    width: 100%;
    padding: 10px;
    margin-left: 0;
  }
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(6) {
  width: 22.66667vw;
  margin: 0 0 4vw 60vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .flow ul li:nth-child(6) {
    width: 100%;
    padding: 10px;
    margin-left: 0;
  }
}

.page-5days .days-wrap .process .inner .caution {
  visibility: hidden;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  margin: 4vw auto 2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .caution {
    margin: 0;
  }
}

.page-5days .days-wrap .process .inner .dayList {
  background: #FFF;
  padding: 4vw 3.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList {
    padding: 0;
  }
}

.page-5days .days-wrap .process .inner .dayList .BoxCont {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList .BoxCont {
    align-items: baseline;
    padding: 0 10px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li {
  background: #6db229;
  margin: 0 0 4vw;
}

.page-5days .days-wrap .process .inner .dayList ul li:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:last-child {
    margin: 0 auto 30px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox {
  display: inline-block;
  vertical-align: middle;
  width: 37.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox {
    display: block;
    vertical-align: middle;
    width: 88%;
    margin: 0 auto 0;
    padding: 20px 0 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .days {
  background: #FFF;
  display: inline-block;
  vertical-align: middle;
  width: 19.33333vw;
  height: 8.93333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .days {
    width: 100px;
    height: auto;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .days span {
  display: block;
  position: relative;
  width: 17.33333vw;
  height: 6.93333vw;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .days span {
    width: auto;
    height: auto;
    padding: 6px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .days span:before {
  border: 0.53333vw solid #231815;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.06667vw;
  height: calc(100%);
  box-sizing: border-box;
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .days span:after {
  border: 0.53333vw solid #231815;
  border-left: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.06667vw;
  height: calc(100%);
  box-sizing: border-box;
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .days span img {
  display: block;
  margin: 0 auto;
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .area {
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
  font-size: 2vw;
  font-weight: bold;
  width: 18vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .area {
    font-size: 16px;
    font-weight: bold;
    width: auto;
    margin: 10px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox {
  display: block;
  padding: 2.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox {
    padding: 0;
    margin: 10px 10px 15px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox img {
  display: block;
  width: 100%;
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox--02 {
  padding: 2.4vw 2.4vw 0.66667vw 2.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox--02 {
    padding: 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox--03 {
  padding: 0 2.4vw 2.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox--03 {
    padding: 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .leftBox .imgBox--03 p {
  font-size: 16px;
  font-size: 1.06667vw;
  color: #fff;
  padding-top: 0.66667vw;
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox {
  display: inline-block;
  vertical-align: middle;
  width: 33.33333vw;
  padding: 2.4vw;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox {
    display: block;
    vertical-align: middle;
    width: 88%;
    padding: 0 0 20px;
    margin: 0 auto;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .subttl {
  font-size: 30px;
  font-size: 2vw;
  color: #fff;
  margin: 0 0 1.66667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox .subttl {
    font-size: 14px;
    line-height: 2;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .subttl span {
  color: #6db229;
  background: #fff;
  padding: 5px;
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .subttl__cat {
  margin-right: 20px;
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox h3 {
  color: #FFF;
  font-size: 22px;
  font-size: 1.46667vw;
  font-weight: bold;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox h3 {
    font-size: 14px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .last {
  margin: 0 0 2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox .last {
    margin: 0 0 15px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox p {
  color: #FFF;
  font-size: 16px;
  font-size: 1.06667vw;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 2vw;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox p {
    font-size: 13px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .caution {
  display: block;
  color: #FFF;
  font-size: 14px;
  font-size: 0.93333vw;
  font-weight: bold;
  line-height: 1.8;
  text-align: justify;
  position: relative;
  padding: 0 0 0 1em;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .rightBox .caution {
    font-size: 11px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .rightBox .caution:before {
  content: "窶ｻ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox {
  padding: 0 2.4vw;
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox h4 {
  font-size: 20px;
  font-size: 1.33333vw;
  color: #fff;
  border-bottom: solid 1px #fff;
  margin-bottom: 2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox h4 {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 60px;
  max-width: 850px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 10px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt {
  font-size: 14px;
  line-height: 1.4;
  color: #6db229;
  background: #fff;
  padding: 14px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt {
    padding: 5px 8px;
    font-size: 12px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1) {
  margin-left: 70px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1) {
    margin: 0 0 30px 20px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1):before {
  content: "";
  position: absolute;
  top: 40%;
  left: -42px;
  transform: rotate(155deg);
  border: 8px solid transparent;
  border-left: 40px solid #fff;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1):before {
    left: -32px;
    border-left: 30px solid #fff;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1):after {
  content: "";
  position: absolute;
  top: 30px;
  left: -55px;
  background: url(../../assets/img/5days/icon_daylist_01.png) no-repeat center top;
  width: 20px;
  height: 70px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(1):after {
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(2) {
    margin: 0 0 30px 30px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(2):before {
  content: "";
  position: absolute;
  top: 40%;
  left: -42px;
  transform: rotate(155deg);
  border: 8px solid transparent;
  border-left: 40px solid #fff;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(2):before {
    left: -32px;
    border-left: 30px solid #fff;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(2):after {
  content: "";
  position: absolute;
  top: 30px;
  left: -60px;
  background: url(../../assets/img/5days/icon_daylist_02.png) no-repeat center top;
  width: 21px;
  height: 70px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(2):after {
    top: 10px;
    left: -64px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3) {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3) {
    margin: 0 30px 30px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3):before {
  content: "";
  position: absolute;
  top: 40%;
  right: -42px;
  transform: rotate(25deg);
  border: 8px solid transparent;
  border-left: 40px solid #fff;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3):before {
    right: -32px;
    border-left: 30px solid #fff;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3):after {
  content: "";
  position: absolute;
  top: 30px;
  right: -60px;
  background: url(../../assets/img/5days/icon_daylist_03.png) no-repeat center top;
  width: 20px;
  height: 68px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(3):after {
    top: 10px;
    right: -50px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4) {
  margin: 30px 100px 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4) {
    margin: 0 30px 30px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4):before {
  content: "";
  position: absolute;
  top: 40%;
  right: -42px;
  transform: rotate(25deg);
  border: 8px solid transparent;
  border-left: 40px solid #fff;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4):before {
    right: -32px;
    border-left: 30px solid #fff;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4):after {
  content: "";
  position: absolute;
  top: 30px;
  right: -60px;
  background: url(../../assets/img/5days/icon_daylist_04.png) no-repeat center top;
  width: 22px;
  height: 64px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li .reportBox .report-inner .report-txt:nth-child(4):after {
    top: 10px;
    right: -50px;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(1) .leftBox .days span {
  padding: 1.73333vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(1) .leftBox .days span {
    padding: 6px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(1) .leftBox .days span img {
  width: 10vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(1) .leftBox .days span img {
    width: 60%;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(2) .leftBox .days span {
  padding: 1.73333vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(2) .leftBox .days span {
    padding: 6px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(2) .leftBox .days span img {
  width: 6.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(2) .leftBox .days span img {
    width: 45%;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(3) .leftBox .days span {
  padding: 1.73333vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(3) .leftBox .days span {
    padding: 6px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(3) .leftBox .days span img {
  width: 6.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(3) .leftBox .days span img {
    width: 45%;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(4) .leftBox .days span {
  padding: 1.73333vw 0 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(4) .leftBox .days span {
    padding: 6px 0;
  }
}

.page-5days .days-wrap .process .inner .dayList ul li:nth-child(4) .leftBox .days span img {
  width: 6.4vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .process .inner .dayList ul li:nth-child(4) .leftBox .days span img {
    width: 45%;
  }
}

.page-5days .days-wrap .interview {
  background-color: rgba(0, 161, 227, 0.8);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(0, 161, 227, 0.5) 5px, rgba(0, 161, 227, 0.5) 35px);
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .interview {
    background-size: 100% 100%;
    height: 106.66667vw;
  }
}

.page-5days .days-wrap .interview .inner {
  width: 77.33333vw;
  padding: 0;
  margin-top: -8vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .interview .inner {
    padding: 6vw 0 0;
    width: 90%;
  }
}

.page-5days .days-wrap .interview .inner h2 {
  width: 27.46667vw;
  margin: 0 0 5.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .interview .inner h2 {
    width: 150px;
    margin: 0 0 10px;
  }
}

.page-5days .days-wrap .interview .inner h3 {
  color: #fff;
  font-size: 62px;
  font-size: 3.13333vw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 2vw;
}

.page-5days .days-wrap .interview .inner .moreBtn {
  display: block;
  background: #231815;
  border-radius: 0.53333vw;
  width: 12.66667vw;
  height: 2.66667vw;
  margin: 0 auto;
  padding: 0.8vw 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .interview .inner .moreBtn {
    width: 160px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
  }
}

.page-5days .days-wrap .interview .inner .moreBtn img {
  display: block;
  width: 9.06667vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .interview .inner .moreBtn img {
    width: 80px;
  }
}

.page-5days .days-wrap .interview .imgBox img {
  width: 120px;
}

.page-5days .days-wrap .outline .inner {
  width: 77.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner {
    width: calc(100% - 10%);
    padding: 1vw 0 0;
  }
}

.page-5days .days-wrap .outline .inner h2 {
  width: 21.2vw;
  margin: 0 0 5.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner h2 {
    width: 130px;
  }
}

.page-5days .days-wrap .outline .inner .summary {
  margin: 0 0 10.66667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .summary {
    margin: 0 auto 30px;
  }
}

.page-5days .days-wrap .outline .inner .summary h3 {
  color: #231815;
  position: relative;
  width: 37.33333vw;
  margin: 0 auto 4vw;
  text-align: center;
  font-size: 32px;
  font-size: 2.13333vw;
  font-weight: bold;
  letter-spacing: -.02em;
  line-height: 5.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .summary h3 {
    width: 200px;
    font-size: 16px;
    padding: 5px 20px;
    line-height: 1.5;
  }
}

.page-5days .days-wrap .outline .inner .summary h3:before {
  border: 0.33333vw solid #231815;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 3.06667vw;
  height: calc(100% + 4px);
  box-sizing: border-box;
}

.page-5days .days-wrap .outline .inner .summary h3:after {
  border: 0.33333vw solid #231815;
  border-left: none;
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  width: 3.06667vw;
  height: calc(100% + 4px);
  box-sizing: border-box;
}

.page-5days .days-wrap .outline .inner .summary p {
  color: #231815;
  text-align: center;
  font-size: 26px;
  font-size: 1.73333vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .summary p {
    font-size: 12px;
  }
}

.page-5days .days-wrap .outline .inner .summary p a {
  color: #231815;
}

.page-5days .days-wrap .outline .inner .detail {
  width: 57.33333vw;
  margin: -5vw auto;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail {
    width: 88%;
    margin: 0 auto 20px;
  }
}

.page-5days .days-wrap .outline .inner .detail h4 {
  color: #231815;
  position: relative;
  width: 31.73333vw;
  margin: 0 auto 4vw;
  text-align: center;
  font-size: 2.7vw;
  font-weight: bold;
  letter-spacing: -.02em;
  line-height: 5.33333vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail h4 {
    width: 200px;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 20px;
  }
}

.page-5days .days-wrap .outline .inner .detail .corona {
  margin-bottom: 60px;
  color: #231815;
  text-align: center;
  font-size: 26px;
  font-size: 1.73333vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .corona {
    font-size: 12px;
    margin-bottom: 30px;
  }
}

.page-5days .days-wrap .outline .inner .detail .leftBox {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .leftBox {
    width: 40%;
    padding-right: 3%;
  }
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li {
  margin: 0 0 4.66667vw;
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li:last-child {
  margin: 0;
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li .days {
  display: block;
  height: 3.73333vw;
  margin: 0 0 1.06667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .leftBox ul li .days {
    height: 30px;
  }
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li .days img {
  height: 100%;
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li .area {
  color: #231815;
  font-size: 30px;
  font-size: 2vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .leftBox ul li .area {
    font-size: 12px;
  }
}

.page-5days .days-wrap .outline .inner .detail .leftBox ul li p {
  color: #231815;
  font-size: 24px;
  font-size: 1.6vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .leftBox ul li p {
    font-size: 12px;
  }
}

.page-5days .days-wrap .outline .inner .detail .rightBox {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .rightBox {
    width: 57%;
  }
}

.page-5days .days-wrap .outline .inner .detail .rightBox dl {
  margin: 0 0 3.33333vw;
}

.page-5days .days-wrap .outline .inner .detail .rightBox dl dt {
  color: #231815;
  font-size: 20px;
  font-size: 1.33333vw;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .rightBox dl dt {
    font-size: 12px;
  }
}

.page-5days .days-wrap .outline .inner .detail .rightBox dl dd {
  color: #231815;
  font-size: 20px;
  font-size: 1.33333vw;
  font-weight: bold;
  padding: 0 0 0 1.5em;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .rightBox dl dd {
    font-size: 12px;
    padding: 0 0 0 .5em;
  }
}

.page-5days .days-wrap .outline .inner .detail .fullBox {
  display: block;
  max-width: 760px;
  margin: 0 auto;
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl {
  margin: 0 0 3.33333vw;
  position: relative;
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dt {
  position: relative;
  color: #43a6de;
  font-size: 20px;
  font-size: 1.33333vw;
  font-weight: bold;
  display: block;
  background-color: #fff;
  padding-right: 1vw;
  z-index: 1;
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dt::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #43a6de;
  position: absolute;
  top: 50%;
  z-index: 0;
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dt span {
  display: inline-block;
  background: #fff;
  padding: 0 1vw 0 0;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .fullBox dl dt {
    font-size: 12px;
  }
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dd {
  color: #231815;
  font-size: 1vw;
  font-weight: bold;
  padding: 0 0 0 1.5em;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .outline .inner .detail .fullBox dl dd {
    font-size: 12px;
    padding: 0 0 0 .5em;
  }
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dd a {
  color: #231815;
  text-decoration: none;
  border-bottom: 1px solid #007934;
}

.page-5days .days-wrap .outline .inner .detail .fullBox dl dd a:hover {
  opacity: 0.7;
}

.page-5days .days-wrap .entry {
  background: url(../../assets/img/5days/bg_entry.png) no-repeat center bottom;
  background-size: 100%;
  height: 44.93333vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry {
    background: url(../../assets/img/5days/bg_entry.png) no-repeat center bottom;
    background-size: cover;
    height: 260px;
    position: relative;
  }
}

.page-5days .days-wrap .entry .inner {
  width: 77.33333vw;
  padding: 12.66667vw 0 2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry .inner {
    width: 88%;
    padding: 10vw 0 0;
  }
}

@media screen and (max-width: 400px) {
  .page-5days .days-wrap .entry .inner {
    width: 88%;
    padding: 20vw 0 0;
  }
}

.page-5days .days-wrap .entry .inner h2 {
  width: 15.46667vw;
  margin: 0 0 6.66667vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry .inner h2 {
    width: 100px;
    margin-bottom: 20px;
  }
}

.page-5days .days-wrap .entry .inner h3 {
  width: 56.66667vw;
  margin: 0 auto 2vw;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry .inner h3 {
    margin: 0 auto;
  }
}

.page-5days .days-wrap .entry .inner .btnBox {
  display: flex;
  width: 58.66667vw;
  margin: 0 auto;
}

.page-5days .days-wrap .entry .inner a {
  display: block;
  width: 27.2vw;
  box-shadow: 7px 7px 5px rgba(35, 24, 21, 0.3);
  transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin: 0 auto 2vw;
}

@media screen and (min-width: 768px) {
  .page-5days .days-wrap .entry .inner a:hover {
    opacity: 1;
    transform: translateY(7px);
    box-shadow: 0 0 5px rgba(35, 24, 21, 0.3);
  }
}

.page-5days .days-wrap .entry .inner a.disable {
  pointer-events: none;
}

.page-5days .days-wrap .entry .inner a img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.page-5days .days-wrap .entry__link {
  display: flex;
  gap: 50px;
  justify-content: center;
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry__link {
    margin: 12px;
  }
}

.page-5days .days-wrap .entry__link p {
  color: #4C4948;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry__link p {
    font-size: 10px;
  }
}

.page-5days .days-wrap .entry__link p a {
  color: #4C4948;
  transition: all 0.3s ease;
  text-decoration: underline;
}

.page-5days .days-wrap .entry__link p a:hover {
  opacity: 0.7;
}

.page-5days .days-wrap .entry__link p.u-wh {
  color: #fff;
}

.page-5days .days-wrap .entry__link p.u-wh a {
  color: #fff;
  text-decoration: none;
}

.page-5days .days-wrap .entry .copyright {
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-size: 0.66667vw;
  position: absolute;
  bottom: 0.66667vw;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .page-5days .days-wrap .entry .copyright {
    font-size: 10px;
  }
}

.movie {
  width: 70%;
  margin: 60px auto 100px;
}

@media screen and (max-width: 767px) {
  .movie {
    margin: 40px auto 40px !important;
  }
}

.youtube-area-title {
  color: #61A60E;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .youtube-area-title {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }
}

.youtube-area {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .youtube-area {
    width: 90% !important;
  }
}

.youtube-area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.txt-indent {
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}

@media screen and (max-width: 767px) {
  .txt-indent {
    text-indent: -1rem;
    padding-left: 1rem;
  }
}

.bg__color {
  background-color: #D5DD00;
}


/* 2024 add */
#sec1 {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 10vw;
}

#sec3 {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: -10vw;
}

@media screen and (max-width: 767px) {
  #sec1 {
    top: 0;
  }
}

.cloud {
  display: block;
  position: absolute;
  z-index: 2;
}

.cloud.cloud01 {
  width: 22.34vw;
  right: 0;
  top: 5.8vw;
}

.cloud.cloud02 {
  width: 20vw;
  left: 0;
}

.cloud.cloud03 {
  width: 24.38vw;
  right: 0;
  bottom: -0.7vw;
}

.cloud.cloud04 {
  width: 25vw;
  left: 0;
  bottom: -0.6vw;
}

.page-5days .days-wrap .keyVisual .inner img,
.page-5days .days-wrap .txtVisual img,
.human img {
  width: 100%;
  vertical-align: middle;
}

.page-5days .days-wrap .keyVisual .inner h2 img:nth-of-type(1) {
  margin-bottom: 8vw;
}

.page-5days .days-wrap .keyVisual .inner h2 figure {
  position: relative;
}

.page-5days .days-wrap .keyVisual .inner h2 figure img:not(:nth-of-type(3)) {
  position: absolute;
}

.page-5days .days-wrap .keyVisual .inner h2 figure img:nth-of-type(1) {
  width: 30vw;
  top: -4vw;
  left: -1vw;
}

.page-5days .days-wrap .keyVisual .inner h2 figure img:nth-of-type(2) {
  top: 13vw;
  left: -1vw;
  width: 58vw;
}

.page-5days .days-wrap .keyVisual .inner h2 figure img:nth-of-type(3) {
  position: relative;
  left: 2vw;
}

.appear {
  transform-origin: center top;
  animation: show 1s both;
}

.d1 {
  animation-delay: 3s;
}

.d2 {
  animation-delay: 4s;
}

@keyframes show {
  0% {
    transform: translateX(-500px) scale(0) translateY(500px);
    opacity: 0;
  }

  100% {
    transform: translateX(0) scale(1) translateY(0);
    opacity: 1;
  }
}

.anime {
  transform-origin: center top;
  animation: show02 0.8s both;
}

@keyframes show02 {
  0% {
    transform: scale(0) translateY(500px);
    opacity: 0;
  }

  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}


.human {
  position: absolute;
  z-index: 10;
}

.human.human01 {
  width: 31.11vw;
  right: -7vw;
  top: 15vw;
}

.human.human02 {
  width: 22.11vw;
  bottom: -24vw;
  left: -1vw;
}

.human.human03 {
  width: 35.76vw;
  right: 0;
  top: -31vw;
}

.human.human04 {
  width: 44vw;
  left: -4vw;
  top: -16vw;
}

.page-5days .days-wrap .process .inner .bg-wrapper {
  background-image: repeating-linear-gradient(-45deg, #00a1e380 0 5px, #00a1e3cc 5px 20px);
  border-radius: 30px;
  position: relative;
  z-index: 0;
  padding: 0 8.67%;
}

.page-5days .days-wrap .process .inner .bg-wrapper em {
  margin-top: -3vw;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  font-size: 3vw;
}

.page-5days .days-wrap .process .inner .bg-wrapper p.sub-txt {
  text-align: center;
  color: #fff;
  font-size: 1.4vw;
  font-weight: 600;
}

.page-5days .days-wrap .process .inner .bg-wrapper em:nth-of-type(2) {
  margin-top: 3vw;
  font-size: clamp(14px, 3.777vw, 24px);
  font-weight: bolder;
  font-family: "Noto Sans", sans-serif;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary {
  margin-top: 1vw;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary table {
  width: 100%;
  border-collapse: collapse;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(2) {
  border-bottom: #000 solid 1px;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(1) th:nth-of-type(1) {
  background-color: unset;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(1) th:nth-of-type(2),
.page-5days .days-wrap .process .inner .bg-wrapper .summary tr td:nth-of-type(1) {
  border-right: #000 solid 1px;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary th,
.page-5days .days-wrap .process .inner .bg-wrapper .summary td {
  text-align: center;
  padding: 1vw 0;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary th {
  font-size: 1.2vw;
  font-weight: 600;
  color: #ffffff;
  background-color: #0071bc;
  line-height: 1.2;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary th span {
  display: block;
  font-size: 1vw;
}

.page-5days .days-wrap .process .inner .bg-wrapper .summary td {
  font-size: 1vw;
  font-weight: 600;
  background-color: #ffffff;
}

.page-5days .days-wrap .process .inner .flow ul li {
  position: relative;
}

.page-5days .days-wrap .process .inner .flow ul li::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3.13vw solid transparent;
  border-bottom: 3.13vw solid transparent;
  border-left: 1.5vw solid #29abe2;
  border-right: 0;
  right: -1.45vw;
  top: 0;
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(2)::after,
.page-5days .days-wrap .process .inner .flow ul li:nth-child(3)::after {
  border-top: 2.13vw solid transparent;
  border-bottom: 2.13vw solid transparent;
  border-left: 1.5vw solid #29abe2;
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(4)::after {
  border-top: 4.3vw solid transparent;
  border-bottom: 4.3vw solid transparent;
  border-left: 1.46vw solid #29abe2;
}

.page-5days .days-wrap .process .inner .flow ul li:nth-child(5)::after {
  border-top: 3.75vw solid transparent;
  border-bottom: 3.75vw solid transparent;
  border-left: 1.49vw solid #29abe2;
  top: 1vw;
}

.page-5days .days-wrap .process .inner .flow ul li span.f-yellow {
  color: #fff799;
  font-size: 1vw;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays07 span.repletion {
  margin-bottom: 1vw;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays07 span:nth-of-type(2),
.page-5days .days-wrap .process .inner .flow ul li.scrlDays07 span:nth-of-type(3) {
  font-size: 1vw;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays08.pc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: unset;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays08 .bg-blue {
  background: #0071bc;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays08 .bg-blue:nth-of-type(1) {
  position: relative;
  padding: 2.11vw 4vw 2.11vw 1vw;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays08 .bg-blue:nth-of-type(1)::after {
  content: '';
  display: block;
  position: absolute;
  right: -1.9vw;
  top: 0;
  border-top: 3.7vw solid transparent;
  border-bottom: 3.7vw solid transparent;
  border-left: 1.92vw solid #0071bc;
}

.page-5days .days-wrap .process .inner .flow ul li.scrlDays08 .bg-blue:nth-of-type(2) {
  padding: 0.8vw 0.5vw 0.8vw 1vw;
}


.page-5days .days-wrap .program {
  margin: 0;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 24px, rgba(0, 161, 227, 0.2) 24px, rgba(0, 161, 227, 0.2) 29px);
}

.page-5days .days-wrap .program .inner {
  width: 63.9vw;
  min-width: 700px;
  padding: 0;
  background: #fff;
}

.page-5days .days-wrap .program .inner h2 {
  width: 10vw;
  margin: 10vw auto 3vw;
}

.page-5days .days-wrap .program .inner em {
  background: #22b573;
  color: #fff;
  font-size: 1.5vw;
  font-weight: 600;
  padding: 0.5vw 1vw;
  display: inline-block;
  margin-bottom: 0.2vw;
}

.page-5days .days-wrap .program .inner h3 {
  color: #ffffff;
  background: #00a0e9;
  font-weight: bold;
  width: 100%;
  display: flex;
  align-items: center;
}

.page-5days .days-wrap .program .inner h3 span:nth-of-type(1) {
  font-size: 2.4vw;
  background: #0080cb;
  display: inline-block;
  width: 19vw;
  text-align: center;
  padding: 1.2vw 0;
  letter-spacing: 1.8px;
}

.page-5days .days-wrap .program .inner h3 span:nth-of-type(2) {
  text-align: center;
  width: 24vw;
  font-size: 1.3vw;
}

.page-5days .days-wrap .program .inner h3 span:nth-of-type(3) {
  text-align: left;
  width: 41vw;
  font-size: 1.7vw;
}

.page-5days .days-wrap .program .inner .item {
  padding: 2vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-5days .days-wrap .program .inner .item figure {
  width: 50%;
}

.page-5days .days-wrap .program .inner .item figure img {
  width: 100%;
  vertical-align: middle;
}

.page-5days .days-wrap .program .inner .item .txtArea {
  width: 46%;
  position: relative;
}

.page-5days .days-wrap .program .inner .item .txtArea p:nth-of-type(1) {
  color: #0080cb;
  font-size: 1.5vw;
  width: 100%;
  font-family: "Noto Sans", sans-serif;
}

.page-5days .days-wrap .program .inner .item .txtArea p:nth-of-type(2) {
  color: #000;
  font-size: 1vw;
  line-height: 1.25;
  display: inline-block;
  width: 100%;
}

.page-5days .days-wrap .program .inner .program02 {
  margin-top: 5vw;
  padding-bottom: 14vw;
}

.page-5days .days-wrap .interview {
  position: relative;
}

.page-5days .days-wrap .interview h2 {
  margin: 0 auto 5.33333vw;
  width: 10.16vw;
  position: relative;
  top: -5.5vw;
}

.page-5days .days-wrap .interview figure {
  margin-top: 2vw;
}

.page-5days .days-wrap .interview figure img {
  width: 100%;
  vertical-align: bottom;
}

.page-5days .days-wrap .outline {
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 24px, rgba(0, 161, 227, 0.2) 24px, rgba(0, 161, 227, 0.2) 29px);
}

.page-5days .days-wrap .outline .inner {
  background: #fff;
  width: 63.9vw;
  min-width: 700px;
  padding-top: 10vw;
  padding-bottom: 7vw;
}

.page-5days .days-wrap .outline .inner h2 {
  margin: 0 auto 5.33333vw;
  width: 10.16vw;
}

.page-5days .days-wrap .outline .inner .fullBox .entry_btn {
  width: 80%;
  display: block;
  margin: 30px auto 0;
  transition: 0.3s;
}

.page-5days .days-wrap .entry02 {
  background: #0071bc;
}

.page-5days .days-wrap .entry02 .inner {
  padding: 0;
}

.page-5days .days-wrap .entry02 .inner .copyright {
  color: #fff;
  text-align: center;
  display: block;
}

@media screen and (max-width: 767px) {
  .cloud.cloud01 {
    top: 25vw;
  }

  .human.human01 {
    width: 31vw;
    top: 28vw;
    right: -10vw;
  }

  .human.human02 {
    bottom: -14vw;
  }

  .human.human03 {
    width: 38.76vw;
    top: -41vw;
    right: 2vw;
  }

  .page-5days .days-wrap .txtVisual {
    margin: 2.66667vw 0 3.33333vw;
  }

  .page-5days .days-wrap .txtVisual h2 {
    max-width: 58.1vw;
  }

  .page-5days .days-wrap .process .inner {
    min-width: unset;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(1) th:nth-of-type(2),
  .page-5days .days-wrap .process .inner .bg-wrapper .summary tr td:nth-of-type(1) {
    border-right: unset;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(2),
  .page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(5) {
    border-bottom: #000 solid 1px;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper .summary tr:nth-of-type(4) th:nth-of-type(1) {
    background-color: unset;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper .summary th,
  .page-5days .days-wrap .process .inner .bg-wrapper .summary td {
    font-size: 2.666vw;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper .summary th span {
    font-size: 2vw;
  }

  .page-5days .days-wrap .process .inner .flow ul {
    margin: 0;
    padding-bottom: 0;
  }

  .page-5days .days-wrap .process .inner .flow ul li {
    line-height: 1.5;
  }

  .page-5days .days-wrap .process .inner .flow ul li:nth-child(6) {
    margin-bottom: 1vw;
  }

  .page-5days .days-wrap .process .inner .flow ul li span a,
  .page-5days .days-wrap .process .inner .flow ul li span.f-yellow {
    font-size: 3.2vw;
  }

  .page-5days .days-wrap .process .inner .flow ul li.scrlDays07 span:nth-of-type(2),
  .page-5days .days-wrap .process .inner .flow ul li.scrlDays07 span:nth-of-type(3) {
    font-size: 2.666vw;
  }

  .page-5days .days-wrap .process .inner .flow ul li.scrlDays08.pc {
    display: none;
  }

  .page-5days .days-wrap .process .inner .flow ul li::after {
    display: none;
  }

  .page-5days .days-wrap .program .inner,
  .page-5days .days-wrap .outline .inner {
    width: 90%;
    margin: 0 auto;
    min-width: unset;
  }

  .page-5days .days-wrap .process .inner h2,
  .page-5days .days-wrap .program .inner h2,
  .page-5days .days-wrap .interview h2,
  .page-5days .days-wrap .outline .inner h2 {
    width: 25vw;
    margin: 0vw auto 3vw;
  }

  .page-5days .days-wrap .program .inner {
    padding-bottom: 13vw;
  }

  .page-5days .days-wrap .program .inner h2 {
    padding-top: 14vw;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper em {
    font-size: 5.5vw;
  }

  .page-5days .days-wrap .process .inner .bg-wrapper p.sub-txt {
    font-size: 3.4vw;
  }

  .page-5days .days-wrap .program .inner em {
    font-size: 2.666vw;
  }

  .page-5days .days-wrap .program .inner h3 {
    display: inline-block;
    background: unset;
  }

  .page-5days .days-wrap .program .inner h3 span:nth-of-type(1) {
    display: block;
    position: relative;
    margin-left: 0;
    font-size: 4vw;
    width: 30vw;
  }

  .page-5days .days-wrap .program .inner h3 span:nth-of-type(2),
  .page-5days .days-wrap .program .inner h3 span:nth-of-type(3) {
    background: #00a0e9;
    display: block;
    font-size: 3vw;
    width: 100%;
    text-align: center;
  }

  .page-5days .days-wrap .program .inner h3 span:nth-of-type(3) {
    font-size: 3.8vw;
  }

  .page-5days .days-wrap .program .inner .item {
    flex-direction: column;
    padding: 0;
  }

  .page-5days .days-wrap .program .inner .item figure {
    width: 100%;
  }

  .page-5days .days-wrap .program .inner .item .txtArea {
    width: 100%;
  }

  .page-5days .days-wrap .program .inner .item .txtArea p:nth-of-type(1) {
    font-size: 4.2vw;
  }

  .page-5days .days-wrap .program .inner .item .txtArea p:nth-of-type(2) {
    font-size: 3.2vw;
  }

  .page-5days .days-wrap .interview .inner h3 {
    font-size: 5.8vw;
    margin-bottom: 4vw;
  }

  .page-5days .days-wrap .entry02 .inner .copyright {
    font-size: 2.6666vw;
  }

}